@berlitz/button

Button component for the Max Design System

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
@berlitz/button
4.3.36 months ago4 years agoMinified + gzip package size for @berlitz/button in KB

Readme

Button npm version
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