docs: add comment for select

thinc-org · Jan 6, 2025 · 6ba07e1 · 6ba07e1
1 parent 477cb3d
commit 6ba07e1
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/ui/src/components/molecule/select/select.stories.svelte b/packages/ui/src/components/molecule/select/select.stories.svelte
@@ -10,20 +10,24 @@
     argTypes: {
       value: {
         control: 'text',
+        description: 'Currently selected value.',
       },
       disabled: {
         control: 'boolean',
         defaultValue: false,
+        description: 'Disables the component.',
       },
       type: {
         control: {
           type: 'select',
         },
         options: ['single', 'multiple'],
         defaultValue: 'single',
+        description: 'Selection mode: single or multiple.',
       },
       name: {
         control: 'text',
+        description: 'Name attribute for forms.',
       },
     },
   })
@@ -147,15 +151,15 @@
   <Select.Root type="multiple" name="favoriteFruit" bind:value={value2}>
     <Select.Trigger
       aria-label="Select multiple fruits"
-      class="w-[300px] h-12 z-0 space-x-2"
+      class="w-[300px] h-12 z-0 "
       placeholder="Select fruits"
     >
       {#if !value2.length}
         เลือก
       {:else}
         {#each value2 as temp}
           <Chip
-            class="z-10"
+            class="z-10 mr-2"
             closable
             onClose={(event: MouseEvent) => {
               event.stopPropagation()