s-m-r-t
Open the s-m-r-t source on GitHub Switch to dark color scheme
← All UI components

Analytics · Components

TrendBadge

Up/down/flat trend indicator with percentage delta

Public export

typescript 
import { TrendBadge } from '@happyvertical/smrt-analytics/svelte';
Import path
@happyvertical/smrt-analytics/svelte
Props
2
Props described
2 of 2
Bindable state
0
Callback events
0
Verified release
0.44.0

Props

NameTypeRequiredDescription
trend'up' | 'down' | 'flat'YesDirection of change: up, down, or flat.
percentnumber | nullYesPercent change; null means a zero baseline, shown as 'new' rather than 0%.

Bindable state

This component has no bindable public state.

Callback events

This component declares no callback event props.

Examples and explanation

UI showcase Read the curated UI story for mechanism and usage guidance. smrt-analytics package reference See package status, version, limitations, and all public subpaths.