fix: corrections in recent remarks

coingaming · Oct 10, 2023 · 327f325 · 327f325
1 parent 39fd90e
commit 327f325
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 11 deletions.
diff --git a/next-docs/public/examples/tagsInput/Default.tsx b/next-docs/public/examples/tagsInput/Default.tsx
@@ -13,10 +13,9 @@ const Example = () => {
   }, [selected, setSelected]);
 
   return (
-    <div className="flex flex-col lg:flex-row lg:justify-center items-center w-full gap-4">
+    <div className="flex flex-col lg:flex-row lg:justify-center items-center w-full max-w-xs gap-4">
       <TagsInput
         selected={selected}
-        className="max-w-xs"
         onEnter={onEnter}
         onClear={onClear}
       >

diff --git a/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap b/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap
@@ -9,10 +9,10 @@ Object {
         dir="rtl"
       >
         <div
-          class="flex flex-col lg:flex-row lg:justify-center items-center w-full gap-4"
+          class="flex flex-col lg:flex-row lg:justify-center items-center w-full max-w-xs gap-4"
         >
           <span
-            class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none max-w-xs"
+            class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
             tabindex="-1"
           >
             <div
@@ -32,10 +32,10 @@ Object {
       dir="rtl"
     >
       <div
-        class="flex flex-col lg:flex-row lg:justify-center items-center w-full gap-4"
+        class="flex flex-col lg:flex-row lg:justify-center items-center w-full max-w-xs gap-4"
       >
         <span
-          class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none max-w-xs"
+          class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
           tabindex="-1"
         >
           <div
@@ -1152,10 +1152,10 @@ Object {
   "baseElement": <body>
     <div>
       <div
-        class="flex flex-col lg:flex-row lg:justify-center items-center w-full gap-4"
+        class="flex flex-col lg:flex-row lg:justify-center items-center w-full max-w-xs gap-4"
       >
         <span
-          class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none max-w-xs"
+          class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
           tabindex="-1"
         >
           <div
@@ -1171,10 +1171,10 @@ Object {
   </body>,
   "container": <div>
     <div
-      class="flex flex-col lg:flex-row lg:justify-center items-center w-full gap-4"
+      class="flex flex-col lg:flex-row lg:justify-center items-center w-full max-w-xs gap-4"
     >
       <span
-        class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none max-w-xs"
+        class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
         tabindex="-1"
       >
         <div

diff --git a/workspaces/core/src/tagsInput/private/types/TagsInputRootProps.ts b/workspaces/core/src/tagsInput/private/types/TagsInputRootProps.ts
@@ -6,7 +6,7 @@ export interface TagsInputRootProps
     'children' | 'ref'
   > {
   children?: React.ReactNode;
-  label?: string;
+  label?: JSX.Element | string;
   selected: string[];
   className?: string;
   placeholder?: string;