Public attributes and slots
| Attribute | Contract |
|---|---|
label | Accessible section name; card defaults to Card, surface is unnamed when omitted. |
tone | default and unsupported values use comfort colors; calm, trust, enthusiasm, creativity, danger and conservative select their theme palette pairs. |
busy | Presence marks the existing section aria-busy=true and data-state=loading. It never disables descendants or starts asynchronous work. |
empty | Presence marks data-state=empty when busy is absent. It adds no role, live region or generated recovery UI. |
class | Consumer styling class on the host. Public owned hooks are part=root, plus card part=header and part=body. |
hidden | Native host visibility. Present hides the complete component; hidden=until-found retains native browser behavior. |
dir | Native inherited text direction; explicitly ltr or rtl. |
The default slot projects authored content. Boolean attributes use presence, including empty and false-valued spellings. These components add no keyboard, event or asynchronous lifecycle.
Five theme modes
Assets
Content remains available during refresh.
Assets
Content remains available during refresh.
Assets
Content remains available during refresh.
Assets
Content remains available during refresh.
Assets
Content remains available during refresh.
Assets
Content remains available during refresh.
Assets
Content remains available during refresh.
Assets
Content remains available during refresh.
Assets
Content remains available during refresh.
Assets
Content remains available during refresh.
Assets
Content remains available during refresh.
Assets
Content remains available during refresh.
Assets
Content remains available during refresh.
Assets
Content remains available during refresh.
Assets
Content remains available during refresh.
Assets
Content remains available during refresh.
Assets
Content remains available during refresh.