Navigation v1.0.0

Pill

Rounded pill/chip buttons for filtering and category selection. Supports active/inactive states and link or button behavior.

Preview & Code

Options

Name Type Default Description
label * String required Text to display in the pill
active Boolean false Whether the pill is in active/selected state
href String nil Link URL (renders as anchor tag if provided)
data Hash {} Data attributes for the element
class String "" Additional CSS classes to apply

Changelog v1.0.0

- Initial release with default and active variants
- Supports both link and button behavior

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now