Catalog Buttons

<.toggle_badge>

ConnieUI.Buttons

HEEx
<ConnieUI.Buttons.toggle_badge on on_label="Visible" off_label="Hidden" />

Variant matrix

Every combination of one or two attributes, side by side.

Controls

:string
:string

Set by the example

click

Docs

Pill-shaped toggle with an inline label that swaps between on/off text. Visually a small ConnieUI badge that contains a slim toggle plus a text label.
Attribute Type Default Description
on * :boolean
on_label * :string
off_label * :string
click {:struct, Phoenix.LiveView.JS} nil