Button

Rounded button component with multiple variants.

Import

JSX

Usage

JSX

Variants

Colours

JSX

Icons and text

JSX

Icons only

JSX

Props

PropTypeDefaultDescription
variant"primary" | "secondary" | "tertiary" | "danger""primary"visual styling
disabledbooleanfalseallows button to be clicked
onClick() => void-callback function when button is clicked
children*string | JSX.Element-inner text
*: mandatory props