<Actions>
Component<Actionsctas={[{title: 'View tutorials',href: '/tutorials',},{title: 'View documentation',href: '/docs',}]}/>
Light theme
Dark theme
Name | Description |
---|---|
appearance string | Display actions on light or dark background. |
layout string | Display buttons inline or stacked by default. |
brand string | Render primary variant button with product color. |
size string | Determines CTA button sizing. |
ctas object | Array of CTAs. Minimum of one, max of two. Object contains nested props, see below: |
ctas.title* string | The text that appears inside the button. |
ctas.href* string | Where the button links to when clicked. |
ctas.onClick function | A function that will be called when the button is clicked. |
ctas.variant string | Applies a styling to the button based on the desired hierarchy. |