ActionCardButton
The ActionCardButton is used to add a button the the ActionCardContent footer.
It has 4 variants being 'next', 'primary', 'black primary', 'secondary'. They can be seen below.
info
The 'black primary' variant is preferred over 'primary' to keep a consistent design.
Usage#
<ActionCardButton variant="black primary"> Button <ActionCardButton>Props#
| Name | Type | Default | Description |
|---|---|---|---|
variant | 'next', 'primary', 'black primary', 'secondary' | next | Button Variant |
onPress | function () => any | undefined | Callback that is called when pressing the button |
disabled | boolean | undefined | Makes the button unclickable |
label | string, JSX.Element, JSX.Element[] | undefined | The content inside the button. Usually just a string. |
children | string, JSX.Element, JSX.Element[] | undefined | Alternative to using the label prop |
color | string | undefined | Overrides the button's color (Should only be used as user feedback) |