Component · Messaging
Jump to latest
a pill that returns the user to the newest message, showing how many they’ve missed.
Example
Playground
count
Where available
✓ React
✓ Angular
✓ Web Components
✓ Blazor
✓ Tokens
Using it
the same component, named idiomatically per target. one CSS contract underneath, so they render identically.
| Target | Reference | Package |
|---|
| React | <JumpToLatest> | @design-foundry/lucent-react |
| Angular | <lucent-jump-to-latest> | @design-foundry/lucent |
| Web Components | <lucent-jump-to-latest> | @design-foundry/lucent-wc |
| Blazor | <LucentJumpToLatest> | DesignFoundry.Lucent |
API
| Prop | Type | Default | Description |
|---|
| count | number | 0 | new-message count (0 = arrow only). |
| label | string | Jump to latest | accessible name. |