# ef-header

Use to identify and separate different sections of a page.
Headers helps to organize the page layout content into
a sensible hierarchy and improve the user experience.

## Properties

| Property | Attribute | Type                | Default | Description                  |
|----------|-----------|---------------------|---------|------------------------------|
| `level`  | `level`   | `"1" \| "2" \| "3"` | "2"     | Use level styling from theme |

## Slots

| Name    | Description                                      |
|---------|--------------------------------------------------|
| `left`  | Slot to add custom contents to the left side of header |
| `right` | Slot to add custom contents to the right side of header |