Primitives
15 foundational UI components — the building blocks of every APPEM interface.
Input
Text input with labels, addons, error states, and size variants.
This field is required
Textarea
Multi-line text input with auto-resize and character count.
Too short — minimum 20 characters
Select
Dropdown select with optional search filtering.
Please select a role
Checkbox
Checkbox with label and indeterminate state support.
Toggle
On/off switch with optional label positioning.
RadioGroup
Radio button group with vertical and horizontal layouts.
Badge
Status indicators with color variants, sizes, and dot indicator.
Tag
Removable tags/chips with color variants.
Tooltip
Informational popup on hover with 4 placement options.
Avatar
User avatar with image, initials fallback, and size variants.
Card
Container component with elevation, border, and dark variants.
Elevated Card
Default elevated card with shadow.
Bordered Card
Flat card with border only.
Dark Card
Dark theme variant.
Alert
Contextual feedback messages with 4 semantic variants.
Info
This is an informational message.
Success
Your changes have been saved.
Warning
This action cannot be undone.
Error
Failed to connect to the server.
Dismissible Alert
Click the X to dismiss this alert.
Separator
Horizontal or vertical divider with optional centered label.
Content above separator
Content below separator
Section A
Section B
Skeleton
Loading placeholder with rectangle, circle, and text variants.