Catalog Buttons

<.mini>

ConnieUI.Buttons

HEEx
<ConnieUI.Buttons.mini icon="icon-edit-02" aria_label="Edit" />

Variant matrix

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

Controls

:string
:string
:string

the button's accessible name; an icon on its own gives a screen reader nothing to read

:string
:string
:string
:string
:string

Set by the example

click

Docs

No @doc for this component.

Attribute Type Default Description
id :string nil
icon * :string
aria_label :string nil
the button's accessible name; an icon on its own gives a screen reader nothing to read
click {:struct, Phoenix.LiveView.JS} nil
popovertarget :string nil
popovertargetaction :string nil
background :boolean false
type :string "button"
button | submit | reset
size :string "sm"
sm | md
color :string "primary"
primary | quaternary | secondary
disabled :boolean false
show_loading :boolean true