mirror of
https://github.com/HoshinoSuzumi/rayine-ui.git
synced 2025-04-20 04:18:50 +08:00
84 lines
677 B
Markdown
84 lines
677 B
Markdown
---
|
|
description: Create a button component with different variants and colors
|
|
---
|
|
|
|
## Usage
|
|
|
|
Default button style
|
|
|
|
::ComponentPreview
|
|
Button
|
|
::
|
|
|
|
### Variants
|
|
|
|
#### soft
|
|
|
|
::ComponentPreview
|
|
---
|
|
props:
|
|
variant: soft
|
|
---
|
|
Button
|
|
::
|
|
|
|
#### outline
|
|
|
|
::ComponentPreview
|
|
---
|
|
props:
|
|
variant: outline
|
|
---
|
|
Button
|
|
::
|
|
|
|
#### ghost
|
|
|
|
::ComponentPreview
|
|
---
|
|
props:
|
|
variant: ghost
|
|
---
|
|
Button
|
|
::
|
|
|
|
#### link
|
|
|
|
::ComponentPreview
|
|
---
|
|
props:
|
|
variant: link
|
|
---
|
|
Button
|
|
::
|
|
|
|
### Colors
|
|
|
|
::ComponentPreview
|
|
---
|
|
props:
|
|
color: violet
|
|
---
|
|
Button
|
|
::
|
|
|
|
### Disabled
|
|
|
|
::ComponentPreview
|
|
---
|
|
props:
|
|
disabled: true
|
|
---
|
|
Button
|
|
::
|
|
|
|
### Loading
|
|
|
|
::ComponentPreview
|
|
---
|
|
props:
|
|
loading: true
|
|
---
|
|
Button
|
|
::
|