## Default

A default section.
```
<ds-section>
  <ds-heading>Give a little respect</ds-heading>
  <ds-text>A default section is used to separate content.</ds-text>
</ds-section>
```

## Variants

Use color variants to catch the users attention.
```
<ds-section primary>
  <ds-heading>Give a little respect</ds-heading>
  <ds-text>A default section is used to separate content.</ds-text>
</ds-section>
<ds-section secondary>
  <ds-heading>Give a little respect</ds-heading>
  <ds-text>A default section is used to separate content.</ds-text>
</ds-section>
```

## Fullheight

A fullheight section is useful to draw additional attention to its content.
```
<ds-section secondary fullheight centered>
  <ds-heading>Give a little respect</ds-heading>
  <ds-text>A default section is used to separate content.</ds-text>
</ds-section>
```