Skip to content
Specs

Slot Content

A SlotContent is the anonymous structural triplet — anatomy, elements, and layout — used as a named fill for a slot. It carries no metadata of its own; its identity lives at the key under which it is stored.

interface SlotContent {
  anatomy: Anatomy;
  elements: Elements;
  layout: Layout;
}

Properties

PropertyTypeRequiredDescription
anatomyAnatomyYesElement type map for this fill
elementsElementsYesElement-level content, styles, and prop configurations
layoutLayoutYesTree ordering of the elements

Where it lives

SlotContent entries are stored in named registries and referenced — never inlined — by a SlotContentRef ($slotContent pointer):

  • Component.slotContentExamples — component-scoped fills, e.g. "#/components/pill/slotContentExamples/composedLabel". Emitted when include.defaultSlotContent is on.
  • Composition.slotContent — fills bundled alongside a Composition’s primary content, e.g. "#/compositions/filterResultsPage/slotContent/pageHeader".

specs-from-figma de-duplicates entries by structural equality across variants and slots — identical fills share a single registry entry.

Further Reading