Primitives

The Limio component library provides the atomic building blocks used across all themes and custom components. These primitives are standalone — they have no dependency on external state or providers.

All primitives are accessible (built on Radix UI), styled via Tailwind CSS with design tokens, and support variant/size props.

Interactive Reference

Browse all primitives with live controls in Storybook.

Button

Actions and CTAs with variants: primary, secondary, danger, text, link, outline.

Card

Content containers with variants: default, secondary, transparent, dashed, emphasised.

Text

Typography with variants: h1-h3, body, paragraph, label, legend.

Input

Form fields with variants: default, standardForm, checkboxRadio.

Alert

Status messages with contextual variants.

Badge

Labels and tags.

Other Primitives

Component	Purpose	Storybook
Select	Dropdowns with compound Select.Item pattern	View
Banner	Promotional full-width banners	View
Dialog	Accessible modal overlays	View
Icon	FontAwesome icons	View
Image	Responsive images	View
RadioGroup	Accessible radio selections	View
Separator	Visual dividers	View
Skeleton	Animated loading placeholders	View
Table	Data tables with sorting	View
TablePagination	Table page controls	View
Tooltip	Accessible hover information	View
NavigationMenu	Accessible navigation bars	View

Molecules

Pre-composed patterns that combine primitives into reusable units.

Cart

Order summary with line items and checkout button.

LineItemInfo

Line item display with price and quantity controls.

Pagination

Page navigation with page size selector.

Other Molecules

Molecule	Purpose	Storybook
RadioDropdown	Checkbox-style multi-select filter dropdown	View
Error	Error message with retry button	View