Badges
Effortlessly create and manage your documentation with MijnDoc.
Standard Badge
Default
Primary
Secondary
Success
Info
Warning
Danger
<mijnui:badge>Default</mijnui:badge>
<mijnui:badge color="primary">Primary</mijnui:badge>
<mijnui:badge color="secondary">Secondary</mijnui:badge>
<mijnui:badge color="success">Success</mijnui:badge>
<mijnui:badge color="info">Info</mijnui:badge>
<mijnui:badge color="warning">Warning</mijnui:badge>
<mijnui:badge color="danger">Danger</mijnui:badge>Outline Badge
Default
Primary
Secondary
Success
Info
Warning
Danger
<mijnui:badge outline>Default</mijnui:badge>
<mijnui:badge color="primary" outline>Primary</mijnui:badge>
<mijnui:badge color="secondary" outline>Secondary</mijnui:badge>
<mijnui:badge color="success" outline>Success</mijnui:badge>
<mijnui:badge color="info" outline>Info</mijnui:badge>
<mijnui:badge color="warning" outline>Warning</mijnui:badge>
<mijnui:badge color="danger" outline>Danger</mijnui:badge>Ghost Badges
Default
Primary
Secondary
Success
Info
Warning
Danger
<mijnui:badge ghost>Default</mijnui:badge>
<mijnui:badge color="primary" ghost>Primary</mijnui:badge>
<mijnui:badge color="secondary" ghost>Secondary</mijnui:badge>
<mijnui:badge color="success" ghost>Success</mijnui:badge>
<mijnui:badge color="info" ghost>Info</mijnui:badge>
<mijnui:badge color="warning" ghost>Warning</mijnui:badge>
<mijnui:badge color="danger" ghost>Danger</mijnui:badge>Badge Sizes
Size xs
Size sm
Size default
Size lg
<mijnui:badge size="xs">Size xs</mijnui:badge>
<mijnui:badge size="sm">Size sm</mijnui:badge>
<mijnui:badge size="md">Size default</mijnui:badge>
<mijnui:badge size="lg">Size lg</mijnui:badge>Badges Rounded
Default
Rounded sm
Rounded md
Rounded lg
<mijnui:badge rounded="full">Default</mijnui:badge>
<mijnui:badge rounded="sm">Rounded sm</mijnui:badge>
<mijnui:badge rounded="md">Rounded md</mijnui:badge>
<mijnui:badge rounded="lg">Rounded lg</mijnui:badge>