@cerberus-design/react
Version:
The Cerberus Design React component library.
14 lines (11 loc) • 741 B
JavaScript
import { Checkbox } from '@ark-ui/react';
import { checkbox } from 'styled-system/recipes';
import { createCerberusPrimitive } from '../../system/index.js';
const { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(checkbox);
const CheckboxRoot = withSlotRecipe(Checkbox.Root, "root");
const CheckboxLabel = withSlotRecipe(Checkbox.Label, "label");
const CheckboxControl = withSlotRecipe(Checkbox.Control, "control");
const CheckboxIndicator = withSlotRecipe(Checkbox.Indicator, "indicator");
const CheckboxHiddenInput = withNoRecipe(Checkbox.HiddenInput);
const CheckboxGroup = withSlotRecipe(Checkbox.Group, "group");
export { CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot };