Web UI component: Tangular-Initials

  • Info
  • HTML
  • JS
  • CSS
  • Meta


A simple Tangular template engine helper for rendering initials from the name (firstname + lastname).


<h1>{{ name }}</h1>
<div>{{ username | initials }}</div>

Initials as Image

I have added a new helper called initialsbase64 which creates an image encoded via base64. So you can apply it to <img tag directly.

<img src="{{ username | initialsbase64(200, 200) }}" />