Slot - Empreint

A polymorphic primitive that merges its props (className, style, event handlers) into its single child. Use it to compose components without adding extra DOM elements.

import { Slot } from "@empreint/ui";

// merge styles, className and onClick into the child <a>
<Slot className="my-class" onClick={() => console.log("clicked")}>
	<a href="/">Home</a>
</Slot>

Props

Prop

Type

Slot also accepts all standard HTML attributes (className, style, onClick, etc.), which are merged into the child element.

CSS Variables

Slot has no styles of its own — it inherits everything from its child.