DisplayBadge

A component of the Display category.

import { DisplayBadge } from '@zairakai/vue-components/Display'

Usage

<DisplayBadge />

Example

NewDoneLateFailed

<template>
  <p>
    <DisplayBadge>New</DisplayBadge>
    <DisplayBadge variant="success">Done</DisplayBadge>
    <DisplayBadge variant="warning">Late</DisplayBadge>
    <DisplayBadge variant="error">Failed</DisplayBadge>
  </p>
</template>

Props

Name	Type	Default	Description
id	string
class	string
variant	string	'default'
size	string	'medium'
dot	boolean	false

Slots

Name	Description
default

See Theming for the class hooks and the data-* state of the components.