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

# Core — object-fit

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

| Property | Type | Description |
| --- | --- | --- |
| `$objectFit` | [See MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) | Applies object-fit styles |
| `$objectPosition` | [See MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position) | Applies object-position styles |