Designed to be a reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems.
Recently updated components
Other names: Collapsible sections, Arrow toggle, Expander, Disclosure, Details, ShowyHideyThing
An accordion is a vertical stack of interactive headings used to toggle the display of further information; each item can be 'collapsed', with just a short label visible; or 'expanded' to show the complete content.
Other names: Pull quote, Block quote
Quotes are used to display a quotation: either from a person or another outside source; or to highlight a passage of the current document (a pull quote).
Pagination is the process of dividing information between multiple pages instead of showing it all on a single page; also the name usually given to the interface used for navigating between pages.
Other names: Tabbed interface
Tabbed interfaces are a way of navigating between multiple panels, reducing clutter and fitting more into a smaller space.
Buttons trigger an action such as submitting a form or showing/hiding an interface component.
Other names: Breadcrumb trail
A list of links showing the location of the current page in the navigational hierarchy.
Rich text editor
Other names: RTE, wysiwyg editor
An interface for editing “rich text” content (i.e. with formatting), usually through a WYSIWYG interface.
Other names: Toolbar
A wrapper for multiple, related buttons.