Dev/Facets
fd-dynamic-page · 8 examples from SAP's documentation · Back to the gallery
About
> **🧪 EXPERIMENTAL**: This component is experimental and its API may change. Facets can be used as a standalone component or linked to another component. Facets are usually a part of the *Object Page* header content. Each facet adapts its size to the content and makes optimal use of the space without truncating the texts. If the facets do not all fit on one line, those on the right wrap to the line below.
Combination of facets
Facet types(image, form, and key-value) used together.
Status
DeliveryPricing
579EURKey-Value Facet
Key-Value facet is used to highlight important data or KPIs. It consists of a mandatory title and a text or number in a larger font size(**Object Status** or **Object Number**). The value can also have an icon to its left.
Assembly Option
To be selectedPricing
-2,000.00EURFormFacet
Form facet is used to display datasets. It consists of an optional title and label-value pair. Note that the labels can be icons, but need to have a text for accessibility purposes.
Form Facet with Link
Text in a form facet can also hold a link by using the Link component.
Rating Indicator Facet
The Rating Indicator Facet displays a **Rating Indicator**. It consists of a mandatory title, optional supplementary texts like a subtitle or a dynamic text, and the rating indicator.
Image/Avatar Facet
Counter added to a tab
Facets in Object Page
All facet types used together in the context of a dynamic page. To have the image from the image facet appear next to the title, add the class \