docs(floatinglabel component): i change import error and fix wrong co… (

themesberg#1242) docs(floatinglabel component): i change import error and fix wrong color at code example I just changed the import error in all the floatingLabel code examples and changed the color in the floatingLabel.validation.tsx file because the success color and error color were confused with each other.
abdulbasithqb · Jan 31, 2024 · 917dbd3 · 917dbd3
1 parent d63afb6
commit 917dbd3
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 28 deletions.
diff --git a/examples/floatingLabel/floatingLabel.disabled.tsx b/examples/floatingLabel/floatingLabel.disabled.tsx
@@ -4,7 +4,7 @@ import { FloatingLabel } from '~/src';
 const code = `
 'use client';
 
-import { Spinner } from 'flowbite-react';
+import { FloatingLabel } from 'flowbite-react';
 
 function Component() {
   return (
@@ -18,7 +18,7 @@ function Component() {
 `;
 
 const codeRSC = `
-import { Spinner } from 'flowbite-react';
+import { FloatingLabel } from 'flowbite-react';
 
 function Component() {
   return (

diff --git a/examples/floatingLabel/floatingLabel.helperText.tsx b/examples/floatingLabel/floatingLabel.helperText.tsx
@@ -4,7 +4,7 @@ import { FloatingLabel } from '~/src';
 const code = `
 'use client';
 
-import { Spinner } from 'flowbite-react';
+import { FloatingLabel } from 'flowbite-react';
 
 function Component() {
   return (
@@ -18,7 +18,7 @@ function Component() {
 `;
 
 const codeRSC = `
-import { Spinner } from 'flowbite-react';
+import { FloatingLabel } from 'flowbite-react';
 
 function Component() {
   return (

diff --git a/examples/floatingLabel/floatingLabel.root.tsx b/examples/floatingLabel/floatingLabel.root.tsx
@@ -4,7 +4,7 @@ import { FloatingLabel } from '~/src';
 const code = `
 'use client';
 
-import { Spinner } from 'flowbite-react';
+import { FloatingLabel } from 'flowbite-react';
 
 function Component() {
   return (
@@ -18,7 +18,7 @@ function Component() {
 `;
 
 const codeRSC = `
-import { Spinner } from 'flowbite-react';
+import { FloatingLabel } from 'flowbite-react';
 
 function Component() {
   return (

diff --git a/examples/floatingLabel/floatingLabel.sizes.tsx b/examples/floatingLabel/floatingLabel.sizes.tsx
@@ -4,7 +4,7 @@ import { FloatingLabel } from '~/src';
 const code = `
 'use client';
 
-import { Spinner } from 'flowbite-react';
+import { FloatingLabel } from 'flowbite-react';
 
 function Component() {
   return (
@@ -25,7 +25,7 @@ function Component() {
 `;
 
 const codeRSC = `
-import { Spinner } from 'flowbite-react';
+import { FloatingLabel } from 'flowbite-react';
 
 function Component() {
   return (

diff --git a/examples/floatingLabel/floatingLabel.validation.tsx b/examples/floatingLabel/floatingLabel.validation.tsx
@@ -4,41 +4,41 @@ import { FloatingLabel } from '~/src';
 const code = `
 'use client';
 
-import { Spinner } from 'flowbite-react';
+import { FloatingLabel } from 'flowbite-react';
 
 function Component() {
   return (
     <>
       <div className="grid grid-flow-col justify-stretch space-x-4">
-        <FloatingLabel variant="filled" label="Filled Success" color="error" />
-        <FloatingLabel variant="outlined" label="Outlined Success" color="error" />
-        <FloatingLabel variant="standard" label="Standard Success" color="error" />
+        <FloatingLabel variant="filled" label="Filled Success" color="success" />
+        <FloatingLabel variant="outlined" label="Outlined Success" color="success" />
+        <FloatingLabel variant="standard" label="Standard Success" color="success" />
       </div>
       <div className="grid grid-flow-col justify-stretch space-x-4">
-        <FloatingLabel variant="filled" label="Filled Error" color="success" />
-        <FloatingLabel variant="outlined" label="Outlined Error" color="success" />
-        <FloatingLabel variant="standard" label="Standard Error" color="success" />
+        <FloatingLabel variant="filled" label="Filled Error" color="error" />
+        <FloatingLabel variant="outlined" label="Outlined Error" color="error" />
+        <FloatingLabel variant="standard" label="Standard Error" color="error" />
       </div>
     </>
   );
 }
 `;
 
 const codeRSC = `
-import { Spinner } from 'flowbite-react';
+import { FloatingLabel } from 'flowbite-react';
 
 function Component() {
   return (
     <>
       <div className="grid grid-flow-col justify-stretch space-x-4">
-        <FloatingLabel variant="filled" label="Filled Success" color="error" />
-        <FloatingLabel variant="outlined" label="Outlined Success" color="error" />
-        <FloatingLabel variant="standard" label="Standard Success" color="error" />
+        <FloatingLabel variant="filled" label="Filled Success" color="success" />
+        <FloatingLabel variant="outlined" label="Outlined Success" color="success" />
+        <FloatingLabel variant="standard" label="Standard Success" color="success" />
       </div>
       <div className="grid grid-flow-col justify-stretch space-x-4">
-        <FloatingLabel variant="filled" label="Filled Error" color="success" />
-        <FloatingLabel variant="outlined" label="Outlined Error" color="success" />
-        <FloatingLabel variant="standard" label="Standard Error" color="success" />
+        <FloatingLabel variant="filled" label="Filled Error" color="error" />
+        <FloatingLabel variant="outlined" label="Outlined Error" color="error" />
+        <FloatingLabel variant="standard" label="Standard Error" color="error" />
       </div>
     </>
   );
@@ -49,14 +49,14 @@ function Component() {
   return (
     <>
       <div className="grid grid-flow-col justify-stretch space-x-4">
-        <FloatingLabel variant="filled" label="Filled Success" color="error" />
-        <FloatingLabel variant="outlined" label="Outlined Success" color="error" />
-        <FloatingLabel variant="standard" label="Standard Success" color="error" />
+        <FloatingLabel variant="filled" label="Filled Success" color="success" />
+        <FloatingLabel variant="outlined" label="Outlined Success" color="success" />
+        <FloatingLabel variant="standard" label="Standard Success" color="success" />
       </div>
       <div className="grid grid-flow-col justify-stretch space-x-4">
-        <FloatingLabel variant="filled" label="Filled Error" color="success" />
-        <FloatingLabel variant="outlined" label="Outlined Error" color="success" />
-        <FloatingLabel variant="standard" label="Standard Error" color="success" />
+        <FloatingLabel variant="filled" label="Filled Error" color="error" />
+        <FloatingLabel variant="outlined" label="Outlined Error" color="error" />
+        <FloatingLabel variant="standard" label="Standard Error" color="error" />
       </div>
     </>
   );