Skip to content

Commit afc4c64

Browse files
rizky201008rizky201008
authored
docs(floatinglabel component): i change import error and fix wrong co… (#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.
1 parent dc48f2e commit afc4c64

5 files changed

+28
-28
lines changed

‎examples/floatingLabel/floatingLabel.disabled.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import { FloatingLabel } from '~/src';
44
const code = `
55
'use client';
66
7-
import { Spinner } from 'flowbite-react';
7+
import { FloatingLabel } from 'flowbite-react';
88
99
function Component() {
1010
return (
@@ -18,7 +18,7 @@ function Component() {
1818
`;
1919

2020
const codeRSC = `
21-
import { Spinner } from 'flowbite-react';
21+
import { FloatingLabel } from 'flowbite-react';
2222
2323
function Component() {
2424
return (

‎examples/floatingLabel/floatingLabel.helperText.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import { FloatingLabel } from '~/src';
44
const code = `
55
'use client';
66
7-
import { Spinner } from 'flowbite-react';
7+
import { FloatingLabel } from 'flowbite-react';
88
99
function Component() {
1010
return (
@@ -18,7 +18,7 @@ function Component() {
1818
`;
1919

2020
const codeRSC = `
21-
import { Spinner } from 'flowbite-react';
21+
import { FloatingLabel } from 'flowbite-react';
2222
2323
function Component() {
2424
return (

‎examples/floatingLabel/floatingLabel.root.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import { FloatingLabel } from '~/src';
44
const code = `
55
'use client';
66
7-
import { Spinner } from 'flowbite-react';
7+
import { FloatingLabel } from 'flowbite-react';
88
99
function Component() {
1010
return (
@@ -18,7 +18,7 @@ function Component() {
1818
`;
1919

2020
const codeRSC = `
21-
import { Spinner } from 'flowbite-react';
21+
import { FloatingLabel } from 'flowbite-react';
2222
2323
function Component() {
2424
return (

‎examples/floatingLabel/floatingLabel.sizes.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import { FloatingLabel } from '~/src';
44
const code = `
55
'use client';
66
7-
import { Spinner } from 'flowbite-react';
7+
import { FloatingLabel } from 'flowbite-react';
88
99
function Component() {
1010
return (
@@ -25,7 +25,7 @@ function Component() {
2525
`;
2626

2727
const codeRSC = `
28-
import { Spinner } from 'flowbite-react';
28+
import { FloatingLabel } from 'flowbite-react';
2929
3030
function Component() {
3131
return (

‎examples/floatingLabel/floatingLabel.validation.tsx

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -4,41 +4,41 @@ import { FloatingLabel } from '~/src';
44
const code = `
55
'use client';
66
7-
import { Spinner } from 'flowbite-react';
7+
import { FloatingLabel } from 'flowbite-react';
88
99
function Component() {
1010
return (
1111
<>
1212
<div className="grid grid-flow-col justify-stretch space-x-4">
13-
<FloatingLabel variant="filled" label="Filled Success" color="error" />
14-
<FloatingLabel variant="outlined" label="Outlined Success" color="error" />
15-
<FloatingLabel variant="standard" label="Standard Success" color="error" />
13+
<FloatingLabel variant="filled" label="Filled Success" color="success" />
14+
<FloatingLabel variant="outlined" label="Outlined Success" color="success" />
15+
<FloatingLabel variant="standard" label="Standard Success" color="success" />
1616
</div>
1717
<div className="grid grid-flow-col justify-stretch space-x-4">
18-
<FloatingLabel variant="filled" label="Filled Error" color="success" />
19-
<FloatingLabel variant="outlined" label="Outlined Error" color="success" />
20-
<FloatingLabel variant="standard" label="Standard Error" color="success" />
18+
<FloatingLabel variant="filled" label="Filled Error" color="error" />
19+
<FloatingLabel variant="outlined" label="Outlined Error" color="error" />
20+
<FloatingLabel variant="standard" label="Standard Error" color="error" />
2121
</div>
2222
</>
2323
);
2424
}
2525
`;
2626

2727
const codeRSC = `
28-
import { Spinner } from 'flowbite-react';
28+
import { FloatingLabel } from 'flowbite-react';
2929
3030
function Component() {
3131
return (
3232
<>
3333
<div className="grid grid-flow-col justify-stretch space-x-4">
34-
<FloatingLabel variant="filled" label="Filled Success" color="error" />
35-
<FloatingLabel variant="outlined" label="Outlined Success" color="error" />
36-
<FloatingLabel variant="standard" label="Standard Success" color="error" />
34+
<FloatingLabel variant="filled" label="Filled Success" color="success" />
35+
<FloatingLabel variant="outlined" label="Outlined Success" color="success" />
36+
<FloatingLabel variant="standard" label="Standard Success" color="success" />
3737
</div>
3838
<div className="grid grid-flow-col justify-stretch space-x-4">
39-
<FloatingLabel variant="filled" label="Filled Error" color="success" />
40-
<FloatingLabel variant="outlined" label="Outlined Error" color="success" />
41-
<FloatingLabel variant="standard" label="Standard Error" color="success" />
39+
<FloatingLabel variant="filled" label="Filled Error" color="error" />
40+
<FloatingLabel variant="outlined" label="Outlined Error" color="error" />
41+
<FloatingLabel variant="standard" label="Standard Error" color="error" />
4242
</div>
4343
</>
4444
);
@@ -49,14 +49,14 @@ function Component() {
4949
return (
5050
<>
5151
<div className="grid grid-flow-col justify-stretch space-x-4">
52-
<FloatingLabel variant="filled" label="Filled Success" color="error" />
53-
<FloatingLabel variant="outlined" label="Outlined Success" color="error" />
54-
<FloatingLabel variant="standard" label="Standard Success" color="error" />
52+
<FloatingLabel variant="filled" label="Filled Success" color="success" />
53+
<FloatingLabel variant="outlined" label="Outlined Success" color="success" />
54+
<FloatingLabel variant="standard" label="Standard Success" color="success" />
5555
</div>
5656
<div className="grid grid-flow-col justify-stretch space-x-4">
57-
<FloatingLabel variant="filled" label="Filled Error" color="success" />
58-
<FloatingLabel variant="outlined" label="Outlined Error" color="success" />
59-
<FloatingLabel variant="standard" label="Standard Error" color="success" />
57+
<FloatingLabel variant="filled" label="Filled Error" color="error" />
58+
<FloatingLabel variant="outlined" label="Outlined Error" color="error" />
59+
<FloatingLabel variant="standard" label="Standard Error" color="error" />
6060
</div>
6161
</>
6262
);

0 commit comments

Comments
 (0)