mirror of https://github.com/directus/directus.git synced 2026-01-22 21:58:04 -05:00

Files

Nitwel c2e7c85bbd Update documentation of app (#4222 )

* 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>

2021-02-24 17:48:19 -05:00

1.6 KiB

Raw Blame History

Progress Linear

Displays a linear progress bar. Can be used to show that something is loading or how much something is done.

<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

1.6 KiB Raw Blame History