import { ZButton_Props } from '@zurich/dev-utils/code/Button'; export type Button_StyleProps = { /** ## Button * * The `z-button` is a clickable element primarly used to perform an action. The parameter it follows * the pattern: `` * * - **Type:** defines the type of button. The possible values are: `primary`, `secondary`, `positive`, `negative`, `alert` and `link`. * * - **Size:** _(optional)_ defines the size of the button. The default value is `m` (`1.5rem`). Possible values are: * `xs` (`.75rem`), `s` (`1rem`), `l` (`3.75rem`). * * --- * ### Attributes: * * - `disabled`: _( boolean )_ blocks the interaction with the component. * - `loading`: _( boolean )_ shows a loading animation inside the button. * - `icon`: _(z-icon)_ adds an icon to the button. The icon is placed on the left side of the text. * - `icon-right`: _( boolean )_ places the icon on the left side of the text. * ### References: * @see - [Icon](./atoms/icon) * - #### [![](./SB.png) Documentation](./atoms/button) */ 'z-button'?: ZButton_Props['config'] | '' | true; };