CtaButton

Accent-filled or outlined call-to-action link, with an optional trailing arrow.

Actions

Usage

import { CtaButton } from "@zudo-sg/ui/src/shared/cta-button/cta-button";

<CtaButton href="/products" variant="primary">Browse products</CtaButton>

Playground

VariantArrowLabel

Primary + secondary pair

<CtaButton href="/products" variant="primary">Browse products</CtaButton>

Injected into the previews above. CtaButton

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */