Components
Current primitives
Current primitives in PristineUI.
Buttons
Import: ButtonVariants + sizes
Card
Import: Card, CardHeader, CardContent, CardFooterHeader + content
Nested card
Composable structure
Cards are just layout primitives. You bring the content.
Inputs
Import: InputBasic form control.
Badges & Tags
Import: Badge, TagStatus + labels
DefaultPrimarySuccessWarningDangerOutline
DesignBuildShipReviewBlocker
Alerts
Import: Alert, AlertTitle, AlertDescriptionMessaging
Heads up
Default alert message.
Success
Changes saved successfully.
Warning
Double-check before you continue.
Avatars
Import: Avatar, AvatarImage, AvatarFallbackImage + fallback
SMGMLG
Switch & Checkbox
Import: Switch, CheckboxToggles
Progress
Import: ProgressCompletion states
Textarea
Import: TextareaMulti-line input
Skeleton
Import: SkeletonLoading states
Breadcrumb
Import: Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparatorNavigation hints
Divider
Import: DividerSection separation
Section One
LeftRight
Tabs
Import: Tabs, TabsList, TabsTrigger, TabsContentContent switching
Summary metrics and highlights live here.
Accordion
Import: Accordion, AccordionItem, AccordionTrigger, AccordionContentExpandable items
A lightweight set of UI primitives for fast product work.
Dropdown & Select
Import: Dropdown, DropdownTrigger, DropdownContent, DropdownItem, SelectMenus + native select
Tooltip
Import: TooltipHover hints
TopTop tooltipRightRight tooltip
Table
Import: Table, TableHeader, TableBody, TableRow, TableHead, TableCellData layout
| Customer | Status | Amount |
|---|---|---|
| Elmo O'Connor | Paid | $120.00 |
| Casey Bucco | Pending | $86.50 |
| Martina Gomez | Paid | $54.00 |
Toast
Import: Toast, ToastTitle, ToastDescription, ToastActionStatus message
Project updated
Your changes were saved successfully.
Modal
Import: Modal, ModalHeader, ModalTitle, ModalDescription, ModalFooterOverlay dialog