@nex-ui/react/dist/esm/theme/recipes/divider.mjs

🎉 A beautiful, modern, and reliable React component library.

import { defineRecipe } from '@nex-ui/system';

const dividerRecipe = defineRecipe({
    base: {
        m: 0,
        border: 'none',
        bg: 'gray.highlight'
    },
    variants: {
        orientation: {
            vertical: {
                mx: '6',
                width: 'px',
                height: '100%'
            },
            horizontal: {
                height: 'px',
                my: '6'
            }
        }
    },
    defaultVariants: {
        orientation: 'horizontal'
    }
});

export { dividerRecipe };