Divider

The Divider is used for separating elements.

<script>
    import { Divider } from 'svelte-spectre'
</script>

<Divider />

Texted

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus.

<Divider text="CENTER" align="horizontal center" />

Vertical

(media wider then 320px)

---

<script>
    import { Col, Divider, Figure, Grid } from 'svelte-spectre'
</script>

<Grid>
    <Col xs="12">
        <Figure src="/img/4603a846-4daf-4018-aa74-e3ab567a69fc.webp" alt="Stable Diffusion Neural Art"/>
    </Col>
    <Divider text="OR" align="vertical"/>
    <Col xs="12">
        <Figure src="/img/04696e1a-eb5d-43b9-bb1d-d2ee117f4430.webp" alt="Stable Diffusion Neural Art"/>
    </Col>
</Grid>