1# PageSection
2 
3A responsive section for your pages.
4 
5## Key Props
6 
7- `title`: to set the title of the section.
8- `description`: to set the description of the section.
9- `headline`: to set the headline of the section.
10- `icon`: to set the icon of the section.
11- `features`: to display a list of [PageFeature](/docs/components/page-feature) under the description as an array of objects with the following properties:
12 
13- `title?: string`{lang="ts-type"}
14- `description?: string`{lang="ts-type"}
15- `icon?: string`{lang="ts-type"}
16- `orientation?: 'horizontal' | 'vertical'`{lang="ts-type"}
17 
18You can pass any property from the [Link](/docs/components/link#props) component such as `to`, `target`, etc.
19 
20- `links`: to display a list of [Button](/docs/components/button) under the description.
21- `orientation`: to change the orientation with the default slot.
22- `reverse`: to reverse the orientation of the default slot.
23 
24## Usage
25 
26```vue
27<UPageSection
28  <!-- props here -->
29/>
30```
31