Get started
Get started
Foundations
Foundations
Patterns
Patterns
Components
Components
Components
Actions
ActionGroup
Action
Button
ContextMenu
CopyButton
Chat
Chat
MessageThread
Message
Content
AvatarStack
Avatar
CodeBlock
Color
Heading
Icon
IllustratedMessage
Image
InlineCode
Kbd
Label
LabeledValue
Markdown
Skeleton
Text
Truncate
Data visualisation
BigNumber
CartesianChart
DonutChart
Form controls
Autocomplete
CheckboxButton
CheckboxGroup
Checkbox
CodeEditor
ComboBox
DatePicker
DateRangePicker
FileField
MarkdownEditor
NumberField
PasswordCreationField
RadioGroup
Rating
SearchField
SegmentedControl
Select
Slider
Switch
TextArea
TextField
TimeField
Navigation
Breadcrumb
HeaderNavigation
Link
Navigation
Tabs
Overlays
ContextualHelp
LightBox
Modal
Tooltip
React hook form
Field
FormRootError
Form
SubmitButton
Status
AlertBadge
AlertText
Alert
Badge
CounterBadge
LoadingSpinner
NotificationProvider
Notification
ProgressBar
Structure
AccentBox
Accordion
Align
ColumnLayout
Flex
LayoutCard
List
Section
Separator
Table
Upload
FileCardList
FileCard
FileDropZone
ImageCropper
Color
Mit der Color-Component lassen sich Texte, Headings oder Icons gezielt einfärben, um sie sichtbar vom übrigen Designsystem abzuheben.
GitHub
Veröffentliche
eigene Features
im mStudio
Overview
