Skip to content

Commit

Permalink
docs(floatinglabel component): i change import error and fix wrong co… (
Browse files Browse the repository at this point in the history 
#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.
  • Loading branch information
@rizky201008
rizky201008 authored Jan 23, 2024
1 parent dc48f2e commit afc4c64
Show file tree
Hide file tree
Showing 5 changed files with 28 additions and 28 deletions.
4 changes: 2 additions & 2 deletions examples/floatingLabel/floatingLabel.disabled.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 (
Expand All @@ -18,7 +18,7 @@ function Component() {
`;

const codeRSC = `
import { Spinner } from 'flowbite-react';
import { FloatingLabel } from 'flowbite-react';
function Component() {
return (
Expand Down
4 changes: 2 additions & 2 deletions examples/floatingLabel/floatingLabel.helperText.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 (
Expand All @@ -18,7 +18,7 @@ function Component() {
`;

const codeRSC = `
import { Spinner } from 'flowbite-react';
import { FloatingLabel } from 'flowbite-react';
function Component() {
return (
Expand Down
4 changes: 2 additions & 2 deletions examples/floatingLabel/floatingLabel.root.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 (
Expand All @@ -18,7 +18,7 @@ function Component() {
`;

const codeRSC = `
import { Spinner } from 'flowbite-react';
import { FloatingLabel } from 'flowbite-react';
function Component() {
return (
Expand Down
4 changes: 2 additions & 2 deletions examples/floatingLabel/floatingLabel.sizes.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 (
Expand All @@ -25,7 +25,7 @@ function Component() {
`;

const codeRSC = `
import { Spinner } from 'flowbite-react';
import { FloatingLabel } from 'flowbite-react';
function Component() {
return (
Expand Down
40 changes: 20 additions & 20 deletions examples/floatingLabel/floatingLabel.validation.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
</>
);
Expand All @@ -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>
</>
);
Expand Down

1 comment on commit afc4c64

@vercel
Copy link

@vercel vercel bot commented on afc4c64 Jan 23, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

flowbite-react – ./

flowbite-react-phi.vercel.app
flowbite-react-themesberg.vercel.app
flowbite-react.com
flowbite-react-git-main-themesberg.vercel.app
www.flowbite-react.com

Please sign in to comment.