Browse documentation

UI / Foundations / Reference

Role: semantic output without invented behavior

Reference an explicit role host while preserving native interactions and naming.

Role renders a div with a caller-selected role. Prefer native markup when it expresses the same structure; a role does not add focus, keyboard handling, or a state machine.

import * as Role from "@typed/ui/Role";

export const Summary = Role.Role({ role: "group", content: "Order summary" });

Supply the role’s required name and behavior in the assembled feature. Role API.