Checkbox

Компонент для вывода элемента checkbox в кабинете продавца на prom.

Документация к компоненту

Usage

// import { Checkbox } from '@evo/prom-cms-checkbox'
const employmentTypes = [
    {
        title: 'Полная занятость',
        value: 'full_time',
    },
    {
        title: 'Неполная занятость',
        value: 'part_time',
    },
    {
        title: 'Удаленная работа',
        value: 'remote',
    },
];

const [selectedTypes, setSelectedTypes] = React.useState(['full_time', 'part_time']);    
const updateSelectedTypes = ({ target: { value, checked } }) => {
    if (checked) {
        setSelectedTypes([...selectedTypes, value])
    } else {
        setSelectedTypes(selectedTypes.filter((item) => item !== value))
    }
}

<>
    <span>Желаемый вид зайнятости</span>
    {employmentTypes.map(({ title, value }) => (
        <Checkbox
            name='employmentType'
            value={value}
            checked={selectedTypes.includes(value)}
            onChange={updateSelectedTypes}
        >
            {title}
        </Checkbox>
    ))}
</>

Больше примеров в документации

Installation

npm install --save @evo/prom-cms-сheckbox

Dependencies

В проекте, который будет использовать данный компонент, должны быть установлены следующие зависимости:

"peerDependencies": {
  "classnames": ">=2.1.3",
  "react": ">=15.6.1",
  "react-dom": ">=15.6.1",
  "prop-types": ">=15.5.10",
}