mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-04 09:01:07 +08:00
31 lines
765 B
Plaintext
31 lines
765 B
Plaintext
|
|
```mdx
|
|
{/* Button.mdx */}
|
|
|
|
import { Meta } from '@storybook/blocks';
|
|
|
|
<Meta title="Button" />
|
|
|
|
# Definition
|
|
|
|
Button is a clickable interactive element that triggers a response.
|
|
|
|
You can place text and icons inside of a button.
|
|
|
|
Buttons are often used for form submissions and to toggle elements into view.
|
|
|
|
## Usage
|
|
|
|
The component comes in different variants such as `primary`, `secondary`, `large` and `small` which you can use to alter the look and feel of the button.
|
|
|
|
## Inputs
|
|
|
|
Button has the following properties:
|
|
|
|
- `primary` - If `true`, the button will have a primary style.
|
|
- `size` - The size of the button.
|
|
- `label` - The label of the button.
|
|
- `backgroundColor` - The background color of the button.
|
|
- `onClick` - Callback function when clicked.
|
|
```
|