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,
};