Button

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.

Installation

yarn add @berlitz/button

Props

| 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 | |

Usage

import React from 'react'
import Button from '@berlitz/button'
const MyApp = () => (
  <>
    <h1>Get Started</h1>
    <Button>Let's Go</Button>
  </>
)

When to use this component

• Call to action Button
• Submit Button