# swc-divider

A divider separates and distinguishes sections of content or groups of menu items.

```js
import '@adobe/spectrum-wc/components/divider/index.js';
// <swc-divider></swc-divider>
```

## Attributes

| Name           | Type                              | Default | Description                                                                                 |
| -------------- | --------------------------------- | ------- | ------------------------------------------------------------------------------------------- |
| `size`         | `ElementSize`                     | -       | The size of the divider.                                                                    |
| `vertical`     | `boolean`                         | `false` | Whether the divider is vertical. If false, the divider is horizontal. The default is false. |
| `static-color` | `DividerStaticColor \| undefined` | -       | The static color variant to use for the divider.                                            |

## CSS Custom Properties

| Name                             | Description                      |
| -------------------------------- | -------------------------------- |
| `--swc-divider-background-color` | Background color of the divider. |
| `--swc-divider-thickness`        | Thickness of the divider.        |