Koala logo Design
No matches for “”
↑↓ navigate ↵ open Esc close
PrimitivesSelect & inputRadio yes no

Radio yes no

Yes/No pill-style radio group used across the quote creation flow.

<koala-radio-yes-no>

Yes / no

Do you live here?

A question with a settling name

koala-radio-yes-no-label with x-koala-settle: the name waits for a pause in typing
Does live at the property?

API

name string (caller-owned submitted radio name)
id string (caller-owned radio id prefix)
checked truefalse (selected state)
x-model.boolean Alpine expression (caller-owned selected state)
x-bind:name / x-bind:id Alpine expressions for dynamic radio identity
label-expression Alpine expression for a question that follows its row
koala-radio-yes-no-label child; the question as markup, for a question with a part that settles on its own
x-koala-settle Alpine directive on a span inside a sentence: blurs its text while the value changes, then swaps in and sharpens 700ms after the last change (x-koala-settle.400ms to change the delay)
accessible-label string? (required when neither label nor label-expression is given)
label string — Question label rendered above the pills.
class string? — Extra classes on the wrapping div.
helper-text string? — Optional helper text.