Search
Welcome
Element v5
Getting started
Design principles
Designing
Writing
Building
Migrating
Foundations
Overview
Border
Colour
Grid
Icon
Logo
Opacity
Pictogram
Spacing
Tone of Voice
Style and grammar
Typography
Components
Overview
Accordion
Action
Action List
App page heading
Badge
Breadcrumb
Button / Link
Card
Checkbox
Currency field
Data Table
Disclosure
Display
Divider
D.O.B. field
Footer
Gallery
Heading
List
Margin
Modal
Navigation
Notification
Pagination
Password field
Radio
Radio card
Segmented controls
Select field
Skeleton Loading
Spinner
Stack
Steps
Tabs
Text
Text area field
Text field
Text Link
Toast
Toggle
Motion
Use motion tokens to set the length and easing of transitions.
Motion tokens
Semantic /
Timing function
200
200
transition.duration.fast
300
300
transition.duration.medium
500
500
transition.duration.slow