Getting Started

Foundations

ColorPaletteTypographyIconographyThemingBreakpoints

Core Components

AbsoluteBackgroundImageBadgeBannerBlockLinkBoxButtonCardCheckboxCloseButtonContainerDividerFlagFlexFormFieldGenericBannerHeadingHideHugIconIconButtonIconFieldImageInputInputGroupLabelLinkPlaceholderImageProgressBarRadioRatingBadgeRelativeSelectStampSwatchTextTextAreaToggleBadgeTooltipTruncate

Modal Components

ModalScrollLock

Popover

Popover

Slider

RangeSliderSlider

Utilities

borderscolorgetPaletteColorgetTextColorOngetLinkStylesOn

Resources

MotionLayoutContributingGitHub

Iconography

The design system includes icons based on Googles Material Design Icons.
Ac
Accessible
AddAlarm
Airplane
Arrival
ArrowDown
ArrowLeft
ArrowRight
ArrowUp
Attention
Automatic
Backpack
Bag
Beach
Bed
BedKing
BedSingle
BeenHere
Bike
Bookmark
BookmarkActivated
BoxChecked
BoxEmpty
BoxMinus
BoxPlus
Breakfast
Broom
Build
Bus
Business
Cake
Calendar
CalendarCheck
CalendarClock
CarAutomatic
CarCircle
CarDoor
CarManual
CarWash
CardTravel
Carriage
Cars
Casino
ChargeStation
Chart
ChartAlt
Chat
ChatBubble
Check
Checklist
ChevronDown
ChevronLeft
ChevronRight
ChevronUp
CityView
Clock
Close
Cloud
CollisionCoverage
ContactMail
ContactPhone
ConvenienceStore
Copy
Couch
Coupon
CreditCard
Cruises
Departure
Devices
DevicesImportant
Directions
Discount
Document
Dollar
DollarCircle
Dot
DoubleBed
DoubleOccupancy
Download
DownloadAlt
EarlyBird
Edit
Electric
Email
Emoticon
Event
EventAvailable
EventBusy
ExitToApp
ExperienceTicket
ExternalLink
Facebook
Family
FavoriteHotel
Filter
Fitness
Flame
FlightCircle
FlightCoverage
Flights
FreeCancellation
Fridge
Gallery
Gas
Globe
Golf
GolfTee
Gps
Graph
Grid
Group
GuestScore
Guests
Help
History
Home
HotelCircle
Hotels
House
Hybrid
Image
ImageWide
Inclusive
Information
InformationOutline
Instagram
Key
KingBed
Kitchen
Kitchenette
Laptop
LateNight
License
List
ListContained
LocalBar
Lock
Logout
Loyalty
Luggage
LuggageNo
Manual
Map
Mask
Menu
Microwave
Mileage
Minus
MoreHorizontal
MoreVertical
MultiAirline
MultiOccupancy
Museum
Navigation
NewRelease
NoSeat
Notification
NotificationImportant
Notifications
NotificationsAdd
OfflineBolt
OnDemand
Overnight
Palette
ParentChild
ParentChildCircle
Parking
Pets
Phone
PhoneActive
PhoneLog
Picture
PieChart
Pin
PinAdd
PinEdit
Plus
PlusOne
Pool
Power
Priceline
Printer
Quilt
RadioChecked
RadioEmpty
RadioMinus
RadioPlus
Railway
Receipt
Refresh
Restaurant
Ribbon
RibbonAlt
Road
RoomSize
Rowing
SaveAlt
Search
SearchRecent
Seat
SeatBusiness
SeatEconomy
Security
Share
Shuttle
Sick
SingleBed
SingleOccupancy
Sites
Sliders
Smartphone
Smoking
SmokingAllowed
SoapBar
Sort
Spa
Sparkle
SplitTicket
SprayBottle
Star
StarHalf
SteeringWheel
Store
Subway
SubwayAlt
Success
SuccessOutline
Sunrise
Sustainability
Swap
SwapHorizontal
Sync
TableChart
Task
TaskChecked
Taxi
Tea
ThumbsDown
ThumbsUp
Timer
Traffic
Train
Trash
TravelExplore
TrendingUp
Trophy
Tune
Twitter
Unlock
User
UserAdd
UserChecked
Verified
ViewList
ViewModule
Visibility
VisibilityOff
Walk
Warning
WarningOutline
WashingHands
WeatherHurricane
WeatherLightning
WeatherRain
WeatherSnow
WeatherSnowRain
WeatherWindy
Web
Whirlpool
Widgets
Wifi
Youtube
ZoomOut
Typography
Theming