Web Components Draft
Badges are used to inform users of the status of an object or of an action that’s been taken. Commonly used in tabular data to indicate status.
Buttons are used for interface actions. Primary style should be used only once per view for main call-to-action.
Cards are shadowed surfaces that display content and actions on a single topic. They should be easy to scan for relevant and actionable information.
Select lets user choose one option from an options menu. Consider using select when you have 6 or more options.
Stack component injects space between other components in the system. Use stack to create vertical or horizontal stack layouts.
Table is a lightweight and un-opinionated component for enhancing tabular data. It provides table styles in addition to features like sticky headers and support for narrow viewports.
Visually Hidden Draft
Visually Hidden is used when an element needs to be available to assistive technology, but be otherwise hidden.