Docs

Cinder UI

Forms.input_group_addon

Server-rendered

Non-interactive text/icon/status segment used inside input_group/1.

This is useful for prefixes, suffixes, inline status, and small utility content that should attach to the surrounding grouped field.

Input group addon

  <.input_group>
  <.input_group_addon>
    <.icon name="mail" class="size-4" />
  </.input_group_addon>
  <.input type="email" placeholder="team@example.com" />
</.input_group>

Attributes

Name Type Default Values Global Includes
align :atom :inline :inline , :block_end
class :string
rest :global

Slots

Slot Slot Attributes
inner_block Required