chore: add storybook

nextui-org · Jul 6, 2024 · e6ad7cb · e6ad7cb
1 parent 1bcc226
commit e6ad7cb
Showing 1 changed file with 27 additions and 0 deletions.
diff --git a/packages/components/calendar/stories/calendar.stories.tsx b/packages/components/calendar/stories/calendar.stories.tsx
@@ -237,6 +237,26 @@ const PresetsTemplate = (args: CalendarProps) => {
   );
 };
 
+const CalendarWidthTemplate = (args: CalendarProps) => {
+  return (
+    <div className="flex gap-4">
+      <div className="flex flex-col items-center gap-4">
+        <p>calendarWidth: 300</p>
+        <p className="text-small text-default-600">calendarWidth: 300</p>
+        <Calendar {...args} calendarWidth={300} />
+      </div>
+      <div className="flex flex-col items-center gap-4">
+        <p className="text-small text-default-600">calendarWidth: 300px</p>
+        <Calendar {...args} calendarWidth="300px" />
+      </div>
+      <div className="flex flex-col items-center gap-4">
+        <p className="text-small text-default-600">calendarWidth: 30em</p>
+        <Calendar {...args} calendarWidth="30em" />
+      </div>
+    </div>
+  );
+};
+
 export const Default = {
   render: Template,
   args: {
@@ -348,3 +368,10 @@ export const Presets = {
     ...defaultProps,
   },
 };
+
+export const CalendarWidth = {
+  render: CalendarWidthTemplate,
+  args: {
+    ...defaultProps,
+  },
+};