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

# Core — width

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

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `$width` | [See MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) | undefined | Applies width styles |
| `$minWidth` | [See MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) | undefined | Applies min-width styles |
| `$maxWidth` | [See MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) | undefined | Applies max-width styles |