List
A token-driven wrapper around React Native's FlatList, with a default separator, empty state, and padding shorthands. It accepts all standard FlatList props (data, renderItem, keyExtractor, etc.) alongside a few extras.
Card
A token-driven surface container built on Box, with sensible defaults for padding, background, and corner radius.
Avatar
A circular user image with automatic fallback to colored initials when no src is given or the image fails to load.
Badge
A small, non-interactive label built on Box, typically used for counts, statuses, or tags. Accepts an optional leading icon: any component matching TVajraIconComponent. The example below uses @devraj-labs/vajra-ui-icons, a small set of Lucide icons pre-adapted to that contract.
Chip
A compact, pressable label used for selection, filtering, or tagging, with optional selected state and remove action.
IconBox
A fixed-size, token-driven container for displaying a single icon, typically used as a leading visual in list rows or feature callouts. Vajra UI ships no bundled icons: icon accepts any component matching TVajraIconComponent. The examples below use @devraj-labs/vajra-ui-icons, a small set of Lucide icons pre-adapted to that contract.
Accordion
A collapsible list of sections, controlled via openValues. Built from Accordion.Root and Accordion.Item.