Avatar
Displays a user avatar image with fallback initials. Install Avatar from the VLLNT UI registry with the shadcn CLI.
Supported platforms:WebNative
1 storyView componentButton
Accessible React button with variants, sizes, and full keyboard support — install from the VLLNT UI registry with the shadcn CLI. React Native source for Button is included in VLLNT UI 0.4.0 for iOS and Android. It is source-only; npm publication is pending.
Supported platforms:WebNative
Preview
Switch between light and dark to inspect the embedded Storybook preview.
The Button is the primary interactive control in VLLNT UI — an accessible, keyboard-navigable React component with variants (primary, secondary, outline, ghost, destructive, link) and sizes. It ships as a machine-readable registry entry, so you install the source directly into your app and own it.
Platform comparison
| Platform | Dependencies | Capabilities |
|---|---|---|
| Web | @vllnt/ui@^0.3.0 | Browser rendering, DOM events, and ARIA semantics |
| Native | @vllnt/ui-native, react-native | Portable semantic options and native interaction |
Installation
Add Button to your project with the shadcn CLI. The source lands in your codebase, ready to adapt:
# React Native is source-only; copy the React Native source aboveSource
Stories
Explore every variant and state in the interactive Storybook: