directus/app/src/components/v-info

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