Button

A component used to create buttons that can be used to trigger actions or navigate to other pages.

Preview

Prop	Type	Default	Description
`text`	string	undefined	The button text
`href`	string	required	The URL to navigate to
`icon`	string	undefined	Lucide icon name (e.g. "MoveUpRight")
`size`	string	"md"	Button size: `"sm"`, `"md"`, or `"lg"`
`target`	string	undefined	Link target (e.g. "_blank")
`variant`	string	"secondary"	Button style: `"primary"`, `"secondary"`, or `"ghost"`

markdown
<Button
  text="Learn More"
  href="https://learn.example.com"
  icon="MoveUpRight"
  size="md"
  target="_blank"
  variant="secondary"
/>

Last updated May 21, 2026