Divider

Basic Example

Divider with text and colors

const { default: Divider } = await import('/components/layout/divider.js');

const { tags, $ } = Lightview;
const { div } = tags;

const demo = div({ class: 'flex flex-col w-full' },
    div({ class: 'card bg-base-300 p-4 rounded-box' }, 'Content above'),
    Divider({}, 'OR'),
    div({ class: 'card bg-base-300 p-4 rounded-box' }, 'Content below'),
    Divider({ color: 'primary' }, 'Primary'),
    div({ class: 'card bg-base-300 p-4 rounded-box' }, 'More content')
);

$('#demo').insert(demo);