# xpl-table-header-cell

> **Note:** This component is currently in beta. Use with caution as it may have breaking changes in future releases.

The `icon` property accepts icon names as strings. See [xpl-icon available icons](../xpl-icon/ICONS.md) for the complete list.

---

<!-- Auto Generated Below -->


## Properties

| Property   | Attribute  | Description                                                                                              | Type                              | Default     |
| ---------- | ---------- | -------------------------------------------------------------------------------------------------------- | --------------------------------- | ----------- |
| `icon`     | `icon`     | Icon to display in the cell.  See [xpl-icon available icons](../xpl-icon/ICONS.md) for valid icon names. | `string`                          | `undefined` |
| `label`    | `label`    |                                                                                                          | `string`                          | `''`        |
| `sortable` | `sortable` |                                                                                                          | `boolean`                         | `false`     |
| `type`     | `type`     |                                                                                                          | `"checkbox" \| "icon" \| "label"` | `'label'`   |
| `width`    | `width`    |                                                                                                          | `number`                          | `undefined` |


## Events

| Event         | Description                              | Type                                     |
| ------------- | ---------------------------------------- | ---------------------------------------- |
| `sortChanged` | Emitted when the sort direction changes. | `CustomEvent<"asc" \| "desc" \| "none">` |


## Dependencies

### Depends on

- [xpl-checkbox](../xpl-checkbox)
- [xpl-icon](../xpl-icon)

### Graph
```mermaid
graph TD;
  xpl-table-header-cell --> xpl-checkbox
  xpl-table-header-cell --> xpl-icon
  style xpl-table-header-cell fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------

*Built with [StencilJS](https://stenciljs.com/)*