Pill examples

default

Default pill

Type link

Type link

Type link with target blank

Type link with target

Type button

Type link or button with hover state

Simulate triggering the :hover CSS pseudo-class

Type link or button with focus state

Simulate triggering the :focus CSS pseudo-class

Size xs

Use the text size classes to size the pill

Small pill

With icon right

With icon left

Primary

Primary

Warning

Warning

Success

Success

Alert

Alert