Designed to be a reference for anyone building their own component-based user interface, 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
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: 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.
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.