Form structure

Standard form controls

Standard form controls

Mobile max = 280px (full width)

Tablet max = 526px (6 columns)

Desktop max = 600px (6 columns)

Radio buttons

Radio buttons (standard)

Mobile max = 280px (full width)

Tablet max = 526px (6 columns)

Desktop max = 600px (6 columns)

Radio buttons (standard)

Mobile max = 280px (full width)

Tablet max = 708px (full-width)

Desktop max = 810px (8 columns)

Segmented controls

Segmented control (standard)

Mobile max = 280px (full width)

Tablet max = 526px (6 columns)

Desktop max = 600px (6 columns)

Segmented control (stacked)(full-width)

Mobile max = 280px (full width)

Tablet max = 708px (full-width)

Desktop max = 810px (8 columns)

Notification cards

Positive feedback.

Mobile max = 280px (full width)

Tablet max = 708px (full-width)

Desktop max = 810px (8 columns)

Full sceen modal