Checkbox list

Lector
Zobrazit další
Duration
Zobrazit další
Rating
Zobrazit další
import React from 'react';
import { CheckboxList, Row } from 'seduo-ui';
const lectors = [
    {
        title: 'Sobotka',
        count: 1,
    },
    {
        title: 'Ludwig',
        count: 3,
    },
    {
        title: 'Rozbořil',
        count: 2,
    },
];
const durations = [
    {
        title: '0 - 30 min',
        count: 1,
    },
    {
        title: '0,5 - 1 hour',
        count: 3,
    },
    {
        title: '1 - 2 hours',
        count: 2,
    },
    {
        title: '2 and more hours',
        count: 4,
    },
];
const ratings = [
    {
        stars: 5,
        title: '90% and more',
        count: 1,
    },
    {
        stars: 4,
        title: '75% and more',
        count: 3,
    },
    {
        stars: 3,
        title: '60% and more',
        count: 2,
    },
];

const Example = () => (
    <Row>
        <CheckboxList title="Lector" items={lectors} type="lector" expandLimit={2} />
        <CheckboxList title="Duration" items={durations} type="duration" expandLimit={2} />
        <CheckboxList title="Rating" items={ratings} type="rating" expandLimit={2} />
    </Row>
);

export default Example;

Checkbox list properties

CheckboxList.defaultProps = {
  expandLimit: 5,
};