# ion-label Label is a wrapper element that can be used in combination with `ion-item`, `ion-input`, `ion-toggle`, and more. The position of the label inside of an item can be inline, fixed, stacked, or floating. ## Properties | Property | Attribute | Description | Type | Default | | ---------- | ---------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------- | ----------- | | `color` | `color` | The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics). | `string \| undefined` | `undefined` | | `mode` | `mode` | The mode determines which platform styles to use. | `"ios" \| "md"` | `undefined` | | `position` | `position` | The position determines where and how the label behaves inside an item. | `"fixed" \| "floating" \| "stacked" \| undefined` | `undefined` | ## Events | Event | Description | Detail | | ---------- | ------------------------------- | ---------- | | `ionStyle` | Emitted when the styles change. | StyleEvent | ## CSS Custom Properties | Name | Description | | --------- | ------------------ | | `--color` | Color of the label | ---------------------------------------------- *Built with [StencilJS](https://stenciljs.com/)*