feat: publicize doc implemetation
This commit is contained in:
56
one/docs/en-US/components/loading.md
Normal file
56
one/docs/en-US/components/loading.md
Normal file
@@ -0,0 +1,56 @@
|
||||
# Loading
|
||||
|
||||
## Demos
|
||||
|
||||
### Stylistic variants
|
||||
|
||||
Available style variants for the `ui` prop: `normal`/`strong`/`reverse`.
|
||||
|
||||
[[demo src="/demo/loading/style.vue"]]
|
||||
|
||||
### Size variants
|
||||
|
||||
Available size variants for the `ui` prop: `s`/`m`/`l`.
|
||||
|
||||
[[demo src="/demo/loading/size.vue"]]
|
||||
|
||||
### Layout variants
|
||||
|
||||
Available layout variants for the `ui` prop: `vertical`.
|
||||
|
||||
[[demo src="/demo/loading/layout.vue"]]
|
||||
|
||||
### Custom loading icons
|
||||
|
||||
Using `spinner` slot to replace default loading icon.
|
||||
|
||||
[[demo src="/demo/loading/slot.vue"]]
|
||||
|
||||
## API
|
||||
|
||||
| Name | Type | Default | Description |
|
||||
| -- | -- | -- | -- |
|
||||
| `ui` | `string=` | `normal` `m` | [^ui] |
|
||||
| `loading` | `boolean` | `false` | Whether the component is in loading state. |
|
||||
|
||||
^^^ui
|
||||
Style variants. A space-separated list of enum values.
|
||||
|
||||
+++Enum
|
||||
| Value | Description |
|
||||
| -- | -- |
|
||||
| `strong` | Strong style. |
|
||||
| `reverse` | Reverse style, typically used on dark background. |
|
||||
| `vertical` | Vertical style.|
|
||||
| `s` | Small style. |
|
||||
| `m` | Medium. |
|
||||
| `l` | Large style. |
|
||||
+++
|
||||
^^^
|
||||
|
||||
### Slots
|
||||
|
||||
| Name | Description |
|
||||
| -- | -- |
|
||||
| `spinner` | Loading icon. |
|
||||
| `default` | Loading description. |
|
||||
Reference in New Issue
Block a user