Derek Chen
aede681d4b
* feat: update component!!! * feat: made stories * feat: whoops named props wrong * feat: props for stories * style: text styling * feat: an underline * feat: key change * chore: small ui and arg updates * chore: fix lint, format, and jsdoc --------- Co-authored-by: doprz <52579214+doprz@users.noreply.github.com>
33 lines
867 B
TypeScript
33 lines
867 B
TypeScript
import type { Meta, StoryObj } from '@storybook/react';
|
|
import type { UpdateTextProps } from '@views/components/common/UpdateText';
|
|
import UpdateText from '@views/components/common/UpdateText';
|
|
import React from 'react';
|
|
|
|
const meta = {
|
|
title: 'Components/Common/UpdateText',
|
|
component: UpdateText,
|
|
parameters: {
|
|
layout: 'centered',
|
|
},
|
|
tags: ['autodocs'],
|
|
argTypes: {
|
|
courses: { control: 'object' },
|
|
},
|
|
} satisfies Meta<typeof UpdateText>;
|
|
|
|
export default meta;
|
|
|
|
type Story = StoryObj<typeof meta>;
|
|
|
|
const Template = (args: React.JSX.IntrinsicAttributes & UpdateTextProps) => <UpdateText {...args} />;
|
|
|
|
export const Default: Story = {
|
|
render: Template,
|
|
args: {
|
|
courses: ['12345', '23456', '34567', '45678', '56789'],
|
|
},
|
|
};
|
|
Default.args = {
|
|
courses: ['12345', '23456', '34567', '45678', '56789'],
|
|
};
|