Deploy Storybook to GitHub Pages

assets/BottomSheet.stories-DII6N7ds.js

@@ -0,0 +1,27 @@
+import{j as o}from"./jsx-runtime-DxxSdIgP.js";import{B as d}from"./index-BG-Lp-Lu.js";import{M as m}from"./index-BPEx5luz.js";const h={title:"2.UI/BottomSheet",component:d,argTypes:{className:{control:"text"},onBackdropClick:{action:"onBackdropClick"}}},l=p=>o("div",{id:m,style:{position:"relative",height:"140px"},children:o(d,{...p,children:o("div",{style:{padding:"20px",textAlign:"center",border:"1px solid black"},children:"Feel the content of the BottomSheet here."})})}),e=l.bind({});e.args={className:""};const t=l.bind({});t.args={...e.args,onBackdropClick:()=>alert("Backdrop clicked!")};var r,n,a;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:`args => <div id={MODAL_ROOT} style={{
+  position: 'relative',
+  height: '140px'
+}}>
+    <BottomSheet {...args}>
+      <div style={{
+      padding: '20px',
+      textAlign: 'center',
+      border: '1px solid black'
+    }}>
+        Feel the content of the BottomSheet here.
+      </div>
+    </BottomSheet>
+  </div>`,...(a=(n=e.parameters)==null?void 0:n.docs)==null?void 0:a.source}}};var i,s,c;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`args => <div id={MODAL_ROOT} style={{
+  position: 'relative',
+  height: '140px'
+}}>
+    <BottomSheet {...args}>
+      <div style={{
+      padding: '20px',
+      textAlign: 'center',
+      border: '1px solid black'
+    }}>
+        Feel the content of the BottomSheet here.
+      </div>
+    </BottomSheet>
+  </div>`,...(c=(s=t.parameters)==null?void 0:s.docs)==null?void 0:c.source}}};const g=["Default","WithBackdropClick"],S=Object.freeze(Object.defineProperty({__proto__:null,Default:e,WithBackdropClick:t,__namedExportsOrder:g,default:h},Symbol.toStringTag,{value:"Module"}));export{S as B,e as D};

assets/Button-CPMSXS8I.js

@@ -0,0 +1,22 @@
+import{j as t,a as i,F as a}from"./jsx-runtime-DxxSdIgP.js";import"./chunk-HLWAVYOI-DLuIDbOF.js";import{M as c,C as o,b as d}from"./index-H6SOIf--.js";import{B as l}from"./index-l5NllXC0.js";import{B as p,P as m,S as u,D as h,a as f,b,c as g}from"./Button.stories-Bjpj6i69.js";import{useMDXComponents as r}from"./index-DzJSSmSq.js";import"./index-BBkUAzwr.js";import"./iframe-BSZRJgEa.js";import"../sb-preview/runtime.js";import"./react-18-B-OKcmzb.js";import"./index-PqR-_bA4.js";import"./index-Dkj0J1ds.js";import"./index-C7vVqNWd.js";import"./index-DrFu-skq.js";import"./index-DfVQO7XW.js";function s(e){const n=Object.assign({h1:"h1",p:"p",code:"code",h3:"h3",pre:"pre",h4:"h4"},r(),e.components);return i(a,{children:[t(c,{title:"UI/Button",component:l,of:p}),`
+`,t(n.h1,{id:"button",children:"Button"}),`
+`,i(n.p,{children:["The ",t(n.code,{children:"Button"})," component is a versatile element for triggering actions. It supports various sizes, types, disabled states, and can include custom labels. This component is fundamental for creating interactive and accessible user interfaces."]}),`
+`,t(o,{of:m}),`
+`,t(d,{}),`
+`,t(n.h3,{id:"importing-button",children:"Importing Button"}),`
+`,t(n.p,{children:"To use the Button component in your project, add the following import statement:"}),`
+`,t(n.pre,{children:t(n.code,{className:"language-tsx",children:`import Button from '@sendbird/uikit-react/ui/Button';
+`})}),`
+`,t(n.h3,{id:"examples",children:"Examples"}),`
+`,t(n.p,{children:"Below are examples showcasing the different configurations of the Button component:"}),`
+`,t(n.h4,{id:"button-types",children:"Button Types"}),`
+`,t(n.p,{children:"Shows the Button with different types, indicating various levels of importance or actions."}),`
+`,t(o,{of:u}),`
+`,t(o,{of:h}),`
+`,t(n.h4,{id:"button-sizes",children:"Button Sizes"}),`
+`,t(n.p,{children:"Illustrates the Button in different sizes for fitting into various UI spaces."}),`
+`,t(o,{of:f}),`
+`,t(o,{of:b}),`
+`,t(n.h4,{id:"disabled-button",children:"Disabled Button"}),`
+`,t(n.p,{children:"Demonstrates the Button in a disabled state, showing how it can be used to indicate unavailable actions."}),`
+`,t(o,{of:g})]})}function F(e={}){const{wrapper:n}=Object.assign({},r(),e.components);return n?t(n,Object.assign({},e,{children:t(s,e)})):s(e)}export{F as default};