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

# Core — aspect-ratio

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

| Property | Type | Description |
| --- | --- | --- |
| `$aspectRatio` | [See MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio) | Applies aspect-ratio styles |