Button component for the Max Design System
The Berlitz Button component has two styles available: Primary Button, Ghost White (Transparent fill). This component comes with additional options and states, such as loading, disabled, full width and an option to append icon after the label.
``shell`
yarn add @berlitz/button
| Argument | Type | Required | Default | Example |
| ---------- | --------------------------------------------- | -------- | --------- | ------- |
| canLoad | bool | | null | |
| children | oneOfType([string, node] | | null | |
| onClick | function | | null | |
| ghost | bool | | null | |
| icon | node | | null | |
| type | string | | 'button' | |
| buttonType | string | | 'default' | |
| fullWidth | bool or arrayOf['xs', 'sm', 'md', 'lg', 'xl'] | | null | |
| small | bool or arrayOf['xs', 'sm', 'md', 'lg', 'xl'] | | null | |
`jsx``
import React from 'react'
import Button from '@berlitz/button'
const MyApp = () => (
<>
Get Started
)
- Call to action Button
- Submit Button