UI Showcase

A reference guide for the available UI components in this starter template.

Buttons

Primary link button Secondary link button Ghost link button 
<Button href="/" variant="primary">Go home</Button>
<Button variant="secondary" size="sm">Small button</Button>

Links

Internal link External link (new tab) 
<Link href="/privacy">Privacy Policy</Link>
<Link href="https://example.com" target="_blank">External link</Link>

Badges

Default Muted Outline 
<Badge>New</Badge>
<Badge variant="muted">Info</Badge>
<Badge variant="outline">Beta</Badge>

Prose

The Prose component provides clean default typography for content blocks.

Example subheading (H3)

  • List item one
  • List item two
  • List item three
<Prose>
<h2>Heading</h2>
<p>Some text...</p>
</Prose>