Jump to latest

a pill that returns the reader to the newest message, showing how many they missed.

Playground

count
 

Using it

Angular lucent-jump-to-latest
import { LucentJumpToLatest } from '@design-foundry/lucent-angular';
Stylesheet .lucent-jump-to-latest
@design-foundry/lucent-styles/packs/messaging.css

API

NameKindTypeDefaultDescription
count input number 0 new-message count; 0 shows the arrow only.
label input string Jump to latest accessible name.
clicked output void emits on activation.

Theming

Color (3)
Size & spacing (2)
Border & radius (3)
Shadow (2)
Type (4)