Koala logo Design
No matches for “
↑↓ navigate open Esc close
PrimitivesSelect & inputRocker

Rocker

The rocker — a sliding segmented pill over 2–5 options, and a single-select Choice.

<koala-rocker>

Rocker

Single-select over 2-5 options
Icon only, toned per option
Icon and label
Rounded corners

API

options IReadOnlyList<RockerOption>
shape RockerShape
size Size — Scale.
wide bool — Size a two-option rocker to its labels.
icon-only bool — Hide labels when an option has an icon.
value string — Static selected state.
value-expression string — Caller-owned Alpine selected state. Handle koala-rocker-change to update it.
class string?