Accent CTA
Highlight a next step with a compact message and action.
Preview
Import
import { AccentCTA, AccentActive } from "@sigil-ui/components";Usage
<AccentCTA>
AccentCTA content
</AccentCTA>Sub-components
This component includes the following parts:
<AccentActive>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
size | AccentCTASize | md | Button size. |
glow | boolean | true | Enable glow effect on hover. |
asChild | boolean | — | Render as child element (Radix Slot pattern for links). |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-font-mono | Font mono |
--s-primary | Primary |
--s-primary-contrast | Primary contrast |
--s-duration-fast | Duration fast |
--s-button-active-scale | Button active scale |
--s-glow | Glow |
--s-focus-ring-width | Focus ring width |
--s-focus-ring-color | Focus ring color |
--s-focus-ring-offset | Focus ring offset |
--s-background | Background |
--s-border | Border |
--s-text-muted | Text muted |