import ColorProperty from '@ovhcloud/ods-stencil-accordion/docs/osds-accordion/properties/usage.color.mdx';
import ContrastedProperty from '@ovhcloud/ods-stencil-accordion/docs/osds-accordion/properties/usage.contrasted.mdx';
import DisabledProperty from '@ovhcloud/ods-stencil-accordion/docs/osds-accordion/properties/usage.disabled.mdx';
import OpenedProperty from '@ovhcloud/ods-stencil-accordion/docs/osds-accordion/properties/usage.opened.mdx';
import GenericStyle from '@ovhcloud/ods-core/docs/generic-style.mdx';

<GenericStyle />

## Usage

### Default

<osds-accordion>
  <span slot='summary'>
    Lorem ipsum
  </span>
  Vestibulum placerat neque vitae elit vulputate aliquam.
  Fusce et nisi quis tellus porttitor pharetra facilisis id arcu.
  Nulla mollis tortor sed pretium mollis.
</osds-accordion>

```html

<osds-accordion>
  <span slot='summary'>
    Lorem ipsum
  </span>
  Vestibulum placerat neque vitae elit vulputate aliquam.
  Fusce et nisi quis tellus porttitor pharetra facilisis id arcu.
  Nulla mollis tortor sed pretium mollis.
</osds-accordion>
```

### Color

<ColorProperty />

### Contrasted

<ContrastedProperty />

### Opened

<OpenedProperty />

### Disabled

<DisabledProperty />