import { Meta, Canvas } from '@storybook/addon-docs/blocks';
import { CssVariables } from '../../.storybook/blocks';
import * as stories from './divider.stories';

<Meta of={stories} />

# Divider
> Divider er en horisontal linje som skaper et visuelt skille mellom innhold.

## Kode
- `<hr />` får automatisk skillelinjestil
- Bruk klassen `divider` om du mot formodning trenger skillelinjestil på et annet element
<Canvas of={stories.Default} />

## Gap
- Bruk `data-gap="0|1|2|3|4|5|6|7|8|9|10|11|12|13|14|15|18|22|26|30"` (`6` er default)
<Canvas of={stories.Gap} />

<CssVariables component="divider" />