Catalog ComboBoxes

<.item>

ConnieUI.ComboBoxes

HEEx
<div class="w-72">
  <ConnieUI.ComboBoxes.combo_box field={@field}>
    <:placeholder>Select project…</:placeholder>
    <ConnieUI.ComboBoxes.item value="p1">
      Northern Lights
      <:actions>
        <ConnieUI.Buttons.mini icon="icon-edit-02" aria_label="Edit" />
      </:actions>
    </ConnieUI.ComboBoxes.item>
    <ConnieUI.ComboBoxes.item value="p2">Summer Campaign</ConnieUI.ComboBoxes.item>
  </ConnieUI.ComboBoxes.combo_box>
</div>

Variant matrix

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

Controls

:string

Initial selected state for server render. The selector component takes over dynamically via its `selected` property once mounted.

draws a line under the item, closing a group of items at the top of the list

Docs

Renders a combo box item. ## Examples <ConnieUI.ComboBoxes.item value="en">English</ConnieUI.ComboBoxes.item> <ConnieUI.ComboBoxes.item value="da">Danish</ConnieUI.ComboBoxes.item>
Attribute Type Default Description
value * :string
selected :boolean false
Initial selected state for server render. The selector component takes over dynamically via its `selected` property once mounted.
divider :boolean false
draws a line under the item, closing a group of items at the top of the list
Slot Slot attributes Description
inner_block *
:actions