PatternsNew Frontend

Product Patterns provide a framework for solving particular user problems in a consistent, meaningful way. Product Patterns can currently only be used in the New Frontend.
AccordionReady
Accordions allow users to expand and collapse sections of content, facilitating efficient information organization.
AddressDraft
BreadcrumbsReady
Breadcrumbs show the navigation path users followed to arrive at the current page, making it simple to return to earlier sections.
Card CollapsibleReady
Card collapsible is designed to organize related content in a space-efficient way. It allows users to expand or collapse sections.
ComboboxReady
Combobox is an autocomplete input that allows users to filter a list of options and select one or more values.
ContainerDraft
Cta And LinksReady
CTAs (call-to-actions) and Links enable users to navigate between pages or trigger specific actions within an application. CTA is based on the existing Button component.
Filter BarDraft
Filter DropdownDraft
Legend CounterReady
Legend counter is used to display a set of counters with labels and corresponding values, styled according to their status. It supports translation for labels and offers size customization.
MoneyReady
Money is a composable that converts monetary values from integers to various monetary string formats and vice versa, ensuring proper formatting for both display and JSON:API interactions.
PopupDraft
Rich Text EditorDraft
Tab MenuReady
Tab Menu is a navigational menu designed to display a list of links with customizable labels.
TagsDraft
Time DurationDraft
Time PickerReady
Time picker is designed to allow the user to type time or select it from a predefined dropdown menu.

Edit page