mirror of
https://github.com/directus/directus.git
synced 2026-01-30 11:08:00 -05:00
c2e7c85bbd
* move component docs to documentation * update app docs tables for components * update docs * Add components to docs sidebar * fix generated tables * fix tables * rename transitions * update tables * update nested components * update tables * update tables * update tables * update v-table table * add basic documentation to each component * remove all stories of storybook * add missing documentation * undate tables * update tables * update docs sidebar * update app docs * remove unused references * add general readme * update docs * make reference titiles smaller * add reference tag * improve docs * update order of tabs in sidebar * remove all readmes and stories from interfaces/displays * Cleanup menu * Remove storybook Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
43 lines
1.6 KiB
Markdown
43 lines
1.6 KiB
Markdown
# Progress Linear
|
|
|
|
Displays a linear progress bar. Can be used to show that something is loading or how much something is done.
|
|
|
|
```html
|
|
<v-progress-linear indeterminate />
|
|
```
|
|
|
|
## Reference
|
|
|
|
#### Props
|
|
|
|
| Prop | Description | Default | Type |
|
|
| --------------- | -------------------------------------- | ------- | --------- |
|
|
| `value` | Which value to represent from 0 to 100 | `0` | `Number` |
|
|
| `absolute` | Sets position to absolute | `false` | `Boolean` |
|
|
| `fixed` | Sets position to fixed | `false` | `Boolean` |
|
|
| `indeterminate` | Play a general loading animation | `false` | `Boolean` |
|
|
| `rounded` | Rounds up the corners of the progress | `false` | `Boolean` |
|
|
| `top` | Positions the bar at the top | `false` | `Boolean` |
|
|
| `bottom` | Positions the bar at the bottom | `false` | `Boolean` |
|
|
|
|
#### CSS Variables
|
|
|
|
| Variable | Default |
|
|
| -------------------------------------- | -------------------------- |
|
|
| `--v-progress-linear-height` | `4px` |
|
|
| `--v-progress-linear-color` | `var(--foreground-normal)` |
|
|
| `--v-progress-linear-background-color` | `var(--border-normal)` |
|
|
| `--v-progress-linear-transition` | `400ms` |
|
|
|
|
#### Events
|
|
|
|
| Event | Description | Value |
|
|
| -------------------- | ----------- | ----- |
|
|
| `animationiteration` | | |
|
|
|
|
#### Slots
|
|
|
|
| Slot | Description | Data |
|
|
| --------- | ----------- | ---- |
|
|
| _default_ | | |
|