Basic usage

import React from 'react';
import Divider from '@semcore/divider';
import { Flex } from '@semcore/flex-box';

const Demo = () => {
  return (
    <Flex w={200} h={20}>
      <Divider />
    </Flex>
  );
};

export default Demo;

Custom color

import React from 'react';
import Divider from '@semcore/divider';
import { Flex } from '@semcore/flex-box';

const Demo = () => {
  return (
    <Flex w={200} h={20}>
      <Divider theme='border-secondary' />
    </Flex>
  );
};

export default Demo;