[#43] feat: Add atoms-Title.stories

src/components/atoms/title/Title.tsx

@@ -1,7 +1,7 @@
 import { HTMLAttributes } from 'react';
 import classnames from 'classnames';
 
-type TitleProps = HTMLAttributes<HTMLHeadingElement> & {
+export type TitleProps = HTMLAttributes<HTMLHeadingElement> & {
   headingLevel: 'h1' | 'h2' | 'h3';
   emoji?: string;
 };

src/components/atoms/title/atoms-Title.stories.tsx

@@ -0,0 +1,17 @@
+import { Title } from './Title';
+
+import type { TitleProps } from './Title';
+import type { Story } from '@ladle/react';
+
+export const h1: Story<TitleProps> = () => <Title headingLevel="h1">h1 : text-5xl</Title>;
+export const h2: Story<TitleProps> = () => <Title headingLevel="h2">h2 : text-4xl</Title>;
+export const h3: Story<TitleProps> = () => <Title headingLevel="h3">h2 : text-3xl</Title>;
+export const EmojiWithTitle: Story<TitleProps> = ({ emoji }) => (
+  <Title headingLevel="h3" emoji={emoji}>
+    h2 : text-3xl
+  </Title>
+);
+
+EmojiWithTitle.args = {
+  emoji: '😎',
+};

src/components/atoms/title/index.ts

@@ -1 +1 @@
-export { Title } from './Title';
+export * from './Title';