Em
Em renders native stress emphasis while inheriting the surrounding Brick typography and foreground.
Built from the published package
Review this before publishing the release.
Know when Em is the right part
Use it when
Use Em inside a sentence when stress emphasis changes meaning or spoken cadence.
Choose another path when
Do not use Em only to obtain italic paint, for important text that needs
strong, or as a standalone typography owner.
Installation and imports
For modular CSS, load:
Em is also available from @flowstack-ui/brick.
Quick start
Visual recipes and states
Em has one inherited recipe: surrounding family, size, weight, line height, tracking, and foreground with italic font style. It has no variants or states.
Examples
API
Start with the public parts and root options below. Components with multiple parts separate each area into its own named subsection.
| Prop | Values | Default |
|---|---|---|
slot | string | em |
EmProps forwards native HTMLElement attributes and requires children.
Public exports are Em and EmProps. The host is intentionally fixed.
Accessibility
Native em conveys stress emphasis. Do not add a role or tab stop. Em remains
selectable, copyable, and readable in forced colors.
Responsive behavior
Em stays in surrounding inline flow and introduces no breakpoint behavior.
Styling and tokens
Customization
Prefer the inherited default. A theme may set the documented variable for a deliberate typographic system decision.
Tokens and CSS hooks
Use .brick-em, data-slot, and --brick-em-font-style.
Advanced reference
Open these details only when you need to inspect DOM ownership, native forwarding, or lower-level composition.