Twilio Paste
by Twilio
Paste is the design system for designing and building consistent experiences at Twilio. It is made up of tokens and components, along with in-depth documentation to assist designers and developers faced with solving our customers’ problems. It is open source and contributions are welcome.
Philosophy
Paste is the design system for designing and building consistent experiences at Twilio. It is made up of tokens and components, along with in-depth documentation to assist designers and developers faced with solving our customers’ problems. It is open source and contributions are welcome.
Principles
- Communication platform focused
- Accessible (WCAG 2.1 AA)
- Inclusive design
- Consistent Twilio brand
Components
Account SwitcherAi Chat LogAlertAlert DialogAnchorAspect RatioAvatarBadgeBlockquoteBreadcrumbButtonButton GroupCalloutCardChart ProviderChat ComposerChat LogCheckboxCode BlockComboboxCorner OrnamentDate PickerDescription ListDetail TextDisclosureDisplay HeadingDisplay Pill GroupEditable Code BlockExample TextFile PickerFile UploaderFlexGridHeadingHelp TextIconIn Page NavigationInline CodeKeyboard KeyLabelListMedia ObjectMenuMeterMinimizable DialogModalMultiselect ComboboxPage HeaderPaginationParagraphPopoverProduct SwitcherProgress BarProgress StepsRadio Button GroupRadio GroupScreen Reader OnlySelectSeparatorSide ModalSide PanelSidebarSidebar NavigationSkeleton LoaderSliderSpinnerStackSummary DetailSwitchTableTabsTextareaTime PickerTimelineToastTooltipTopbarTruncateUser DialogVisual Picker
Details
- Platforms
- web
- Tech
- reactstyled-componentstypescript
- Features
- figmastorybooktokensa11ythemingiconsanimation
- Last updated