---
title: "Core — height"
canonical: https://sky-ui.cf.sky.com/core/system/height
---

# Core — height

Applying the `height` system modifier to your component will allow consumers of your component to pass in the following props:

| Prop | Type | Description |
| --- | --- | --- |
| `$height` | [See MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height) | Applies height styles |
| `$minHeight` | [See MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height) | Applies min-height styles |
| `$maxHeight` | [See MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height) | Applies max-height styles |