mirror of https://github.com/directus/directus.git synced 2026-04-25 03:00:53 -04:00

Files

Rijk van Zanten 8498c37431 Info state (#482 )

* Render markdown in field notes

* Make add field button full width on data model

* Add no items with cta

* Add no items cta

* Add no results + clear

* Add no collections state

2020-04-24 20:12:51 -04:00

index.ts

Add v-info component (#296 )

2020-04-02 20:48:01 -04:00

readme.md

Add v-info component (#296 )

2020-04-02 20:48:01 -04:00

v-info.story.ts

Add v-info component (#296 )

2020-04-02 20:48:01 -04:00

v-info.test.ts

Add v-info component (#296 )

2020-04-02 20:48:01 -04:00

v-info.vue

Info state (#482 )

2020-04-24 20:12:51 -04:00

readme.md

Info

Renders a stylized informational placard. It's similar in v-notice in it's use case.

Usage

<v-info icon="person" title="User Not Found" type="warning">
	We couldn't find the user you're looking for.
</v-info>

Props

Prop	Description	Default
`title`*	Title for the info section
`icon`	What icon to render above the title	`box`
`type`	One of `info`, `success`, `warning`, `danger`	`info`

Events

n/a

Slots

Slot	Description	Data
default	Default content area. Is rendered within a styled `<p>` tag.
`append`	After the main body copy. Can be used to inject buttons etc.

CSS Variables

n/a