mirror of
https://github.com/HoshinoSuzumi/rayine-ui.git
synced 2025-04-20 01:48:51 +08:00
79 lines
711 B
Markdown
79 lines
711 B
Markdown
---
|
|
description: Create a button component with different variants and colors
|
|
---
|
|
|
|
## Usage
|
|
|
|
Default button style
|
|
|
|
::ComponentPreview
|
|
Button
|
|
::
|
|
|
|
### Styles
|
|
|
|
Use the `variant` and `color` props to predefined styles and change the color of buttons.
|
|
|
|
::ComponentPreview
|
|
---
|
|
props:
|
|
variant: soft
|
|
color: violet
|
|
---
|
|
Button
|
|
::
|
|
|
|
### Sizes
|
|
|
|
::ComponentPreview
|
|
---
|
|
props:
|
|
size: sm
|
|
---
|
|
Button
|
|
::
|
|
|
|
### Block
|
|
|
|
::ComponentPreview
|
|
---
|
|
props:
|
|
block: true
|
|
---
|
|
Button
|
|
::
|
|
|
|
### Label
|
|
|
|
::ComponentPreview
|
|
---
|
|
props:
|
|
label: Button
|
|
---
|
|
::
|
|
|
|
### Disabled
|
|
|
|
::ComponentPreview
|
|
---
|
|
props:
|
|
disabled: true
|
|
---
|
|
Button
|
|
::
|
|
|
|
### Loading
|
|
|
|
::ComponentPreview
|
|
---
|
|
props:
|
|
loading: true
|
|
---
|
|
Button
|
|
::
|
|
|
|
## Config
|
|
|
|
::ComponentDefaults
|
|
::
|