# Install ```shell npm i @mate/facet ``` # Import ```js import '@mate/facet/src/mate-facet-list'; import '@mate/facet/src/mate-facet'; ``` # Variants ## Stacked (Default) ```html Max Mustermann Hauptstraße 412 23456 Bautzen ``` ## Inline ```html Max Mustermann +49 123 456789 ``` ## Right Aligned ```html ``` ## Small ```html value value ``` ## Medium ```html value value ``` ## Large ```html value value ``` ## No Header ```html Max Mustermann Hauptstraße Bautzen ``` ## Empty Header ```html Max Mustermann Hauptstraße Bautzen ``` ## Icons as Keys ```html person Max Mustermann phone +49 123 456789 mail max@beispiel.de place Heidestraße 123, 876534 München ``` ## Plain Text Facet ```html ``` ## KPI ```html 916 5.14% ``` ## KPI with Icon ```html person 5.14% ``` ## Key Separator ```html Max Mustermann Bautzen ``` ## Empty Value Indicator ```html Florida, FL ``` ## With Value Prefix ```html check ```