Breakpoints
Search the component library

Breakpoints

v1.0.2

Use the predefined breakpoint widths in this component to create a design that will adapt to different viewports. These are the standard breakpoints for smart phones, tablets, and desktop devices.

Dependencies

None

Widths

The available sizes include:

  • Extra Small
  • Small
  • Medium
  • Large
  • Extra Large
Size>= Min< Max
XS320px480px
SM480px768px
MD768px1024px
LG1024px1280px
XL1280px


Extra Small
Small
Medium
Large
Extra Large

Common devices

For reference, here are the breakpoints that correspond to common devices.

Changelog

1.0.2

  • ADDED: Feature links
  • REMOVED: Non-functional sketch download link

1.0.1

  • ADDED: Added sketch file featuring art boards with grid layout setup for easier consumption.

1.0.0

Initial version