Get Started
What's New
Foundations
Components
FAQ
Selection & Input
Button
IconButton
Button Group
Input
Segmented Control
Shortcut
Textarea
Toggle
Data Display
Avatar
Accordion
Indicator
List
Tag
Tree View
Navigation
Breadcrumb
Link
Pagination
Stepper
Tabs
Tab Group
Menu
Feedback
Feedback Messages
Alert
Banner
Dialog
Toast
Accessible, modern and easy to style UI components.
© 2026 Magenta Design System • v2.0.0-alpha.4
MDS Introduction
Installation
For Designers
For Developers
For Business Stakeholders
Changelog
Migration
Category
Border Radius
Colors
Elevation & Shadow
Icons
Screens
Spacing
Z-index
Typography
General
Design
Develop
