Barista - the Dynatrace design system. Tailored to scale.
Recently ordered
Most ordered
Al
Alert
Br
Breadcrumbs
Bu
Button
Ca
Card
Ch
Chart
Ch
Checkbox
Co
Combobox
Co
Confirmation dialog
Co
Context dialog
CT
CTA section
Ex
Expandable section
Fi
Filter field
In
Inline editor
In
Inline help
In
Input fields
Ke
Key-value list
Lo
Loading distractor
No
Notification bar
Ov
Overlays
Pa
Pagination
Pr
Progress bar
Ra
Radio button
Se
Select
Sh
Show more
Si
Sidenav
Sl
Slider
St
Stepper
Sw
Switch
Ta
Table
Ta
Tabs
Ta
Tag
Ti
Tile
Ti
Timeselector
To
Toast
Co
Colors
Ic
Icons
Bu
Button alignment
Co
Common UI styles
Em
Empty states
Fo
Format units
He
Health indicator
La
Layout and responsive behavior
Sa
Save and cancel
Th
Theming
Va
Validate input
Do you want to help us brew?
That's awesome! We are happy to receive your ideas and feedback. Just contact us. If you are already a contributor please open a pull request in our internal repository.
Contribute now!Getting started
Angular components library
Want to use or help developing our Angular components? Barista is the starting point where you can find everything you need to know.
UI patterns
Ready for great user experience? Barista offers a large set of ingredients - mix them together to meet your use case! We recommend starting with the UI patterns.
Components
Barista Design System offers a collection of ready to use UI components. Together with design guidelines and use cases, these ingredients are the basis for great user experience.
FAQs
Questions? We put together a set of frequently asked questions for you.