Files
directus/docs/reference/app/components/v-notice.md
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.4 KiB

Notice

Render a small notice to warn of something or to give tips on how to use things.

<v-notice>I'm a notice!</v-notice>

Reference

Props

Prop Description Default Type
type One of info, success, warning, danger 'normal' 'normal' or 'info' or 'success' or 'warning' or 'danger'
icon Custom icon name, or false if you want to hide the icon completely null [String, Boolean]
center Render notice content centered false Boolean

CSS Variables

Variable Default
--v-notice-color var(--foreground-subdued)
--v-notice-background-color var(--background-subdued)
--v-notice-icon-color var(--foreground-subdued)

Slots

Slot Description Data
default Whatever should be inside the notice