ActionButton
ActionButton displays a square call-to-action button.Import
import { ActionButton } from "@prismane/core";
Usage
By default, ActionButton uses the tertiary variant.
<ActionButton icon={<Heart />} />
ActionButton Variants
<> <ActionButton variant="primary" icon={<Heart />} /> <ActionButton variant="secondary" icon={<Heart />} /> <ActionButton variant="tertiary" icon={<Heart />} /> <ActionButton variant="text" icon={<Heart />} /> </>
ActionButton Sizes
<> <ActionButton size="xs" icon={<Heart />} /> <ActionButton size="sm" icon={<Heart />} /> <ActionButton size="base" icon={<Heart />} /> <ActionButton size="md" icon={<Heart />} /> <ActionButton size="lg" icon={<Heart />} /> </>
API
Please refer to the documentation below for a comprehensive overview of all the available props and classes for the mentioned components.