---
path: "/docs/min-max"
title: "Max / Min Width and Height"
hasPlayground: true
---

## Max / Min Width and Height

All the following properties set the maximum and minimum size constraints of an element.
These properties have higher priority than all other properties and will always be respected.
Constraints can be specified as either absolute pixel values or as percentages of their
parent's size. By default all these constraints are `undefined`.

### Max Width

<controls prop="maxWidth"></controls>

### Min Width

<controls prop="minWidth"></controls>

### Max Height

<controls prop="maxHeight"></controls>

### Min Height

<controls prop="minHeight"></controls>
