component

Affix

props · 6 shown · 6 total

Behavior

  • boolean
    default false

    Marks the affix as pure decoration: hidden from assistive technology (`aria-hidden`) and transparent to pointer/selection, so clicks fall through to the control underneath. Don't combine with interactive children.

  • "row" "content"
    default "row"

    `row` (default) lets row-aware addons (Badge, Stamp, Kbd) size themselves to the control row. `content` opts the affix subtree out of that sizing — children keep their own intrinsic size (e.g. taller or multi-line content that should overflow the row).

  • "start" "end"
    default "start"

    Which edge of the control row the affix sits on. `start` renders before the control's content, `end` after (and pushes itself to the far edge). Drives the row's edge-padding flip via `data-affix="start|end"` — logical sides, so RTL mirrors automatically.

Slots

  • children slot svelte
    Snippet

    Default content.

Advanced

  • element binding svelte
    HTMLSpanElement null

    Bound reference to the root element (`bind:this`).

  • AffixPassThrough<RootElementAttributes>

    Per-slot style and HTML-attribute overrides.

Plus all standard <span> HTML attributes.

Type

  • Components
  • Blocks