The Pills field renders each option as a clickable button ("pill") with custom styling. Pick single or multi-select; the CSS class applied when a pill is active is up to you. Great for tactile selection where you want stronger visual feedback than a dropdown.
Conditional options
- Item Size (Required) — the pills are based on a grid of 12. If for example, you select 4 for the item size, it will take up a third of a row in the grid.
- Display Mode (Required) — how pills are laid out (e.g. dropdown-style with text labels, icon-only, or both).
- CSS Class for Active (Required) — when one or more pills are selected, which CSS class would you like to apply to that item.
- On Click Function — the Javascript function that will be ran each time one of the pills is clicked.
- Icon Mode (Required) — whether to render an icon with each pill.
- Selection Mode (Required) — single-select or multi-select.
Where Pills are used by the platform
The User Input Views "Enable reCAPTCHA?" field uses Pills — four pills (No, v2 Checkbox, v2 Invisible, v3) with a grid space of 6 and a custom active CSS class.