# @berlitz/button

> Button component for the Max Design System

Latest version **4.5.5** (published 2026-05-26) · MIT license · 0 weekly downloads

## Install

```sh
npm install @berlitz/button
pnpm add @berlitz/button
yarn add @berlitz/button
bun add @berlitz/button
```

## Health

**Score 45/100 (D)** — status: active.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

## Facts

| | |
|---|---|
| Version | 4.5.5 |
| Published | 2026-05-26 |
| First published | 2018-08-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 37.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | berlitz |

## Links

- npm: https://www.npmjs.com/package/@berlitz/button
- Homepage: https://github.com/berlitz-global/max/blob/master/components/button/CHANGELOG.md
- npm.io page: https://npm.io/package/@berlitz/button

## Dependencies (3)

- [@berlitz/spinner](https://npm.io/package/@berlitz/spinner.md) 3.1.0
- [@berlitz/max-utils](https://npm.io/package/@berlitz/max-utils.md) 4.8.3
- [styled-components-rtl](https://npm.io/package/styled-components-rtl.md) 5.2.0

## Recent versions

- 4.5.5 (latest) — 2026-05-26
- 4.3.1-test.4 (canary) — 2022-01-24
- 4.5.4 — 2026-03-09
- 4.5.3 — 2025-04-21
- 4.5.2 — 2025-04-16
- 4.5.1 — 2025-04-16
- 4.5.0 — 2025-04-16
- 4.4.12 — 2025-02-28
- 4.4.11 — 2025-02-27
- 4.4.10 — 2024-01-19
- 4.4.9 — 2023-09-27
- 4.4.8 — 2023-09-22
- 4.4.7 — 2023-09-13
- 4.4.6 — 2023-09-07
- 4.4.5 — 2023-09-06
- … 172 more at https://npm.io/package/@berlitz/button/versions

## README

# Button [![npm version](https://img.shields.io/npm/v/@berlitz/button.svg)](https://www.npmjs.com/package/@berlitz/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

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

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

---
_Source: https://npm.io/package/@berlitz/button · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._