LinkButton

Link styled as a button — primary, secondary, and minimal variants in three sizes.

Installation

npx @cloudflare/nimbus-docs add link-button

yarn dlx @cloudflare/nimbus-docs add link-button

pnpm dlx @cloudflare/nimbus-docs add link-button

bunx @cloudflare/nimbus-docs add link-button

Preview

Get started

<LinkButton href="#" variant="primary">Get started</LinkButton>

Examples

Variants and sizes

Three intents × three sizes — pick one per call site.

Primary Secondary Minimal

<LinkButton href="#" variant="primary">Primary</LinkButton>
<LinkButton href="#" variant="secondary">Secondary</LinkButton>
<LinkButton href="#" variant="minimal">Minimal</LinkButton>

API reference

Every prop the component accepts, sourced from a single declaration.

Prop	Type
`href`required	`string`
`variant`	`"primary" \| "secondary" \| "minimal"`
`size`	`"sm" \| "md" \| "lg"`
`shape`	`"base" \| "square" \| "circle"`
`icon`	`boolean`