Responsive

Creating responsive layouts is quick and easy, just use an array on any component property. There are 10 available breakpoints that are based on the width of the viewport.

Give the example below a try by resizing your browser window.

Examples

<Box
  width={[10, 20, 30, 40, 50, 100, 200, 300, 400, 500]}
  height={[10, 20, 30, 40, 50, 100, 200, 300, 400, 500]}
/>