Separator

some text


another text

import React from 'react';
import { Separator } from 'seduo-ui';

const Example = () => (
    <div className="text-center">
        <p>some text</p>
        <Separator />
        <p>another text</p>
    </div>
);

export default Example;

Vertical Separator With Text

content 1
content continues
more content
text
content 2
content continues
import React from 'react';

const Example = () => (
    <div className="d-flex">
        <div>
            content 1 <br />
            content continues <br />
            more content
        </div>
        <span className="vertical-separator-with-text">text</span>
        <div>
            content 2 <br />
            content continues
        </div>
    </div>
);

export default Example;