Badge: truncate / line-clamp-1

[raphaeldur]

If a long piece of text is displayed in the badge, you have to fiddle about a bit to make sure it’s cut off when there isn’t enough space. It would be great if there were a prop where you could adjust this.

<flux:badge size="sm" class="truncate">
    <div class="truncate">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since 1966, when designers...</div>
</flux:badge>

[bridgeyuwa]

This totally defeats what a badge is for, which is to display counts, statuses, or short metadata.