HEEx
<ConnieUI.Buttons.split_button id="catalog-split-button" size="md">
<:action>
<ConnieUI.Buttons.button size={@controls[:size]}>Send</ConnieUI.Buttons.button>
</:action>
<:split></:split>
<:popover>
<ConnieUI.Dropdowns.item>Schedule send</ConnieUI.Dropdowns.item>
<ConnieUI.Dropdowns.item>Send a test to me</ConnieUI.Dropdowns.item>
</:popover>
</ConnieUI.Buttons.split_button>
Variant matrix
Every combination of one or two attributes, side by side.
Controls
Set by the example
class split_class
Docs
No @doc for this component.
| Attribute | Type | Default | Description |
|---|---|---|---|
| No data found. | |||
| id | :string | nil |
|
| color | :string | "primary" |
primary | secondary | tertiary
|
| size | :string | "lg" |
sm | md | lg | xl
|
| class | :any | nil |
Extra classes on the button group container
|
| split_class | :any | nil |
Extra classes on the dropdown trigger button
|
| icon_end_class | :string | nil |
Extra classes on the chevron icon
|
| Slot | Slot attributes | Description |
|---|---|---|
| No data found. | ||
| :action * | Main button (left side) | |
| :split * | Content inside the dropdown trigger (right side) | |
| :popover * | Dropdown menu content | |