Basic usage

import { Flex } from '@semcore/ui/base-components';
import Divider from '@semcore/ui/divider';
import React from 'react';

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

export default Demo;

Custom color

import { Flex } from '@semcore/ui/base-components';
import Divider from '@semcore/ui/divider';
import React from 'react';

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

export default Demo;