Tags

  1. Elements
  2. Tags
Default Tags

Below is the pill tags example

DefaultDarkPrimarySuccessInfoWarningDanger

<div className="example">
<Badge pill bg="primary " className="mt-1 mb-1"> Primary</Badge>
<Badge pill bg="secondary" className=" mt-1 mb-1">Secondary</Badge>
<Badge pill bg="success" className=" mt-1 mb-1">Success</Badge>
<Badge pill bg="danger" className=" mt-1 mb-1"> Danger</Badge>
<Badge pill bg="warning" text="dark" className=" mt-1 mb-1">Warning</Badge>
<Badge pill bg="info">Info</Badge>
<Badge pill bg="light" text="dark" className=" mt-1 mb-1">Light</Badge>
<Badge pill bg="dark" className=" mt-1 mb-1">Dark</Badge>
</div>
Pill Tags

Below is the pill tags example

DefaultDarkPrimarySuccessInfoWarningDanger

<div className="example">
<Badge pill bg="primary " className="mt-1 mb-1"> Primary</Badge>
<Badge pill bg="secondary" className=" mt-1 mb-1">Secondary</Badge>
<Badge pill bg="success" className=" mt-1 mb-1">Success</Badge>
<Badge pill bg="danger" className=" mt-1 mb-1"> Danger</Badge>
<Badge pill bg="warning" text="dark" className=" mt-1 mb-1">Warning</Badge>
<Badge pill bg="info">Info</Badge>
<Badge pill bg="light" text="dark" className=" mt-1 mb-1">Light</Badge>
<Badge pill bg="dark" className=" mt-1 mb-1">Dark</Badge>
</div>
Default Tags Addon

Below is the default tags addon example

OneTwoThreeFour