Adding ListTile and CircleCheckbox components
This commit is contained in:
parent
da0a741a36
commit
2d9cbf4795
7 changed files with 497 additions and 0 deletions
30
ts/components/CircleCheckbox.stories.tsx
Normal file
30
ts/components/CircleCheckbox.stories.tsx
Normal file
|
@ -0,0 +1,30 @@
|
|||
// Copyright 2021 Signal Messenger, LLC
|
||||
// SPDX-License-Identifier: AGPL-3.0-only
|
||||
|
||||
import React from 'react';
|
||||
import { action } from '@storybook/addon-actions';
|
||||
|
||||
import type { Props } from './CircleCheckbox';
|
||||
import { CircleCheckbox } from './CircleCheckbox';
|
||||
|
||||
const createProps = (): Props => ({
|
||||
checked: false,
|
||||
name: 'check-me',
|
||||
onChange: action('onChange'),
|
||||
});
|
||||
|
||||
export default {
|
||||
title: 'Components/CircleCheckbox',
|
||||
};
|
||||
|
||||
export function Normal(): JSX.Element {
|
||||
return <CircleCheckbox {...createProps()} />;
|
||||
}
|
||||
|
||||
export function Checked(): JSX.Element {
|
||||
return <CircleCheckbox {...createProps()} checked />;
|
||||
}
|
||||
|
||||
export function Disabled(): JSX.Element {
|
||||
return <CircleCheckbox {...createProps()} disabled />;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue