public-ui-kolibri

import React, { forwardRef } from 'react'; import { KolInputCheckbox } from '@public-ui/react-v19'; import { ERROR_MSG } from '../../../shares/constants'; import type { Components } from '@public-ui/components'; export const InputCheckboxCases = forwardRef<HTMLKolInputCheckboxElement, Components.KolInputCheckbox>(function InputCheckboxCases(props, ref) { return ( <div className="grid gap-4"> <KolInputCheckbox {...props} _label="Not selected" _value={false} _required /> <KolInputCheckbox {...props} _label="Indeterminate" _value={null} _indeterminate /> <KolInputCheckbox {...props} ref={ref} _accessKey="A" _checked _label="Selected" _tooltipAlign="right" _value={true} /> <KolInputCheckbox {...props} _checked _icons={{ unchecked: 'codicon codicon-close' }} _label={'With a very long label and upheavals '.repeat(5)} _value={true} /> <KolInputCheckbox {...props} _disabled _label="Disabled" _value={true} _hint="Hint text" /> <KolInputCheckbox {...props} _checked _disabled _label="Checked and disabled" /> <KolInputCheckbox {...props} _indeterminate _disabled _label="Indeterminate and disabled" /> <KolInputCheckbox {...props} _msg={{ _type: 'error', _description: ERROR_MSG }} _label="With error" _touched _value={true} _hint="Hint text" /> <KolInputCheckbox {...props} _label="With access key" _accessKey="c" _value={null}></KolInputCheckbox> <KolInputCheckbox {...props} _label="With short key" _shortKey="s" _value={null}></KolInputCheckbox> </div> ); });