@berlitz/button NPM | npm.io

4.4.10 • Published 4 months ago

Install

Weekly downloads

5,687

License

MIT

Repository

Last release

4 months ago

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

@berlitz/max-utils @berlitz/spinner styled-components-rtl

@infinitebrahmanuniverse/nolb-_ber @everything-registry/sub-chunk-121 @berlitz/form @berlitz/top-nav-minimal @berlitz/nav-widget @berlitz/newsletter-sign-up @berlitz/alert-banner @berlitz/blocks @berlitz/class-list @berlitz/error-boundary @berlitz/testimonials

4 months ago

9 months ago

8 months ago

8 months ago

9 months ago

9 months ago

8 months ago

9 months ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago