aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/molecules/buttons/heading-button.stories.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/molecules/buttons/heading-button.stories.tsx')
-rw-r--r--src/components/molecules/buttons/heading-button.stories.tsx104
1 files changed, 0 insertions, 104 deletions
diff --git a/src/components/molecules/buttons/heading-button.stories.tsx b/src/components/molecules/buttons/heading-button.stories.tsx
deleted file mode 100644
index 9beda2b..0000000
--- a/src/components/molecules/buttons/heading-button.stories.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-import { useState } from 'react';
-import { HeadingButton as HeadingButtonComponent } from './heading-button';
-
-/**
- * HeadingButton - Storybook Meta
- */
-export default {
- title: 'Molecules/Buttons/HeadingButton',
- component: HeadingButtonComponent,
- argTypes: {
- className: {
- control: {
- type: 'text',
- },
- description: 'Set additional classnames to the button.',
- table: {
- category: 'Styles',
- },
- type: {
- name: 'string',
- required: false,
- },
- },
- expanded: {
- control: {
- type: null,
- },
- description: 'Heading button state (plus or minus).',
- type: {
- name: 'boolean',
- required: true,
- },
- },
- level: {
- control: {
- type: 'number',
- min: 1,
- max: 6,
- },
- description: 'Heading level.',
- type: {
- name: 'number',
- required: true,
- },
- },
- setExpanded: {
- control: {
- type: null,
- },
- description: 'Callback function to set heading button state.',
- type: {
- name: 'function',
- required: true,
- },
- },
- title: {
- control: {
- type: 'text',
- },
- description: 'Heading title.',
- type: {
- name: 'string',
- required: true,
- },
- },
- },
-} as ComponentMeta<typeof HeadingButtonComponent>;
-
-const Template: ComponentStory<typeof HeadingButtonComponent> = ({
- expanded,
- setExpanded: _setExpanded,
- ...args
-}) => {
- const [isExpanded, setIsExpanded] = useState<boolean>(expanded);
-
- return (
- <HeadingButtonComponent
- expanded={isExpanded}
- setExpanded={setIsExpanded}
- {...args}
- />
- );
-};
-
-/**
- * Heading Button Stories - Expanded
- */
-export const Expanded = Template.bind({});
-Expanded.args = {
- expanded: true,
- level: 2,
- title: 'Your title',
-};
-
-/**
- * Heading Button Stories - Collapsed
- */
-export const Collapsed = Template.bind({});
-Collapsed.args = {
- expanded: false,
- level: 2,
- title: 'Your title',
-};