<?xml version="1.0" encoding="utf-8"?>
The $300 million button
Exercise

The $300 million button

Split button
Exercise

Split button

Molecules
Exercise

Molecules

Components
Exercise

Components

Provide a sufficient touch target zone
Exercise

Provide a sufficient touch target zone

Offer perks to users to boost engagement
Exercise

Offer perks to users to boost engagement

Floating action button
Exercise

Floating action button

Toggles
Exercise

Toggles

Pill button
Exercise

Pill button

Accordions
Exercise

Accordions

Unique icons
Exercise

Unique icons

Tertiary button
Exercise

Tertiary button

Icon border radius
Exercise

Icon border radius

Menu button
Exercise

Menu button

Tooltips
Exercise

Tooltips

Maintain legible label font size
Exercise

Maintain legible label font size

Toggle button
Exercise

Toggle button

Add enough padding to buttons
Exercise

Add enough padding to buttons

Labels
Exercise

Labels

Containers
Exercise

Containers

Border radius
Exercise

Border radius

Radio button
Exercise

Radio button

Sharp-corner button
Exercise

Sharp-corner button

Form
Exercise

Form

Universal icons
Exercise

Universal icons

Smartwatch
Exercise

Smartwatch

Dragged state
Exercise

Dragged state

Enabled state
Exercise

Enabled state

Tags
Exercise

Tags

Toggle switch
Exercise

Toggle switch

Exercise

Bounce animation

Exercise

Motion

Raised button
Exercise

Raised button

Navigation components
Exercise

Navigation components

Avoid similar-looking wording for button labels
Exercise

Avoid similar-looking wording for button labels

Buttons
Exercise

Buttons

Activated state
Exercise

Activated state

Utilize button hierarchy
Exercise

Utilize button hierarchy

Exercise

Use sticky headers for pricing tiers

Place icons on the left
Exercise

Place icons on the left

Radio buttons
Exercise

Radio buttons

Provide visible options to close the modal
Exercise

Provide visible options to close the modal

Outlined button
Exercise

Outlined button

Exercise

Progress indicators within interactive elements

Apply a fixed button's width for mobile
Exercise

Apply a fixed button's width for mobile

Exercise

Pressed state

Hyperlinks
Exercise

Hyperlinks

Don't break the bond between the label and icon
Exercise

Don't break the bond between the label and icon

Icon button
Exercise

Icon button

Text button
Exercise

Text button