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")
`variation`	string	"primary"	Button style: `"primary"`, `"accent"`, or `"outline"`

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

Published on Dec 14, 2024