mirror of
https://github.com/a-nyx/maputnik-with-pmtiles.git
synced 2024-11-10 05:57:46 +01:00
2cc179acc1
- Added searchParams based router for easier testing - Added more stories to the storybook
41 lines
815 B
JavaScript
41 lines
815 B
JavaScript
import React from 'react';
|
|
import {useActionState} from './helper';
|
|
import FieldCheckbox from '../src/components/FieldCheckbox';
|
|
import {Wrapper} from './ui';
|
|
import {withA11y} from '@storybook/addon-a11y';
|
|
|
|
export default {
|
|
title: 'FieldCheckbox',
|
|
component: FieldCheckbox,
|
|
decorators: [withA11y],
|
|
};
|
|
|
|
|
|
export const BasicUnchecked = () => {
|
|
const [value, setValue] = useActionState("onChange", false);
|
|
|
|
return (
|
|
<Wrapper>
|
|
<FieldCheckbox
|
|
label="Foobar"
|
|
value={value}
|
|
onChange={setValue}
|
|
/>
|
|
</Wrapper>
|
|
);
|
|
};
|
|
|
|
export const BasicChecked = () => {
|
|
const [value, setValue] = useActionState("onChange", true);
|
|
|
|
return (
|
|
<Wrapper>
|
|
<FieldCheckbox
|
|
label="Foobar"
|
|
value={value}
|
|
onChange={setValue}
|
|
/>
|
|
</Wrapper>
|
|
);
|
|
};
|
|
|