# Section

[component-header:sl-section]

Sections are used to divide a view into several areas.

```html preview
<sl-section header="Contact information" description="Add details about contact here">
    <sl-input label="Contact name"></sl-input>
</sl-section>
```


[component-metadata:sl-section]