Web Component: Tangular-Initials


  • Info
  • HTML
  • JS
  • CSS
  • Meta

Tangular-Initials

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

  • jComponent v19|v20

Usage:

<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) }}" />