Components

All UI primitives ship as Liquid includes under _includes/components/.

Start here

• Button
• Card
• Form controls
• Modal
• Offcanvas
• Navbar

Full list

• Button

• Button Group

• Card

• Badge

• Avatar

• Alert

• Breadcrumb

• Code Block

• Dropdown

• Accordion

• Tabs

• Tooltip

• Modal

• Offcanvas

• Form Controls

• Input

• Textarea

• Select

• Combobox

• Checkbox

• Radio

• Spinner

• Progress

• Pagination

• Navbar

• Toast

• Theme Toggle

Usage pattern

{% include components/button.html
   label="Get Started"
   href="/docs/"
   variant="primary"
%}

Paths passed to href are processed with relative_url, so the site works with a baseurl (for example GitHub Pages project sites).