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

Files

Rijk van Zanten e50000a05a Add v-info component (#296 )

* Add v-info component

* Add test placeholder

* Add readme

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

index.ts

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

readme.md

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

v-info.story.ts

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

v-info.test.ts

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

v-info.vue

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

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>

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`

n/a

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.

n/a