nextui/apps/docs/content/components/input/label-positions.ts
2023-05-30 23:05:11 -03:00

44 lines
954 B
TypeScript

const App = `import {Input} from "@nextui-org/react";
export default function App() {
const positions = [
"inside",
"outside",
"outside-left",
];
return (
<div className="flex flex-col gap-4">
<div className="flex w-full flex-wrap items-end md:flex-nowrap mb-6 md:mb-0 gap-4">
{positions.map((position) => (
<Input
key={position}
type="email"
label="Email"
labelPlacement={position}
/>
))}
</div>
<div className="flex w-full flex-wrap items-end md:flex-nowrap mb-6 md:mb-0 gap-4">
{positions.map((position) => (
<Input
key={position}
type="email"
label="Email"
labelPlacement={position}
placeholder="Enter your email"
/>
))}
</div>
</div>
);
}`;
const react = {
"/App.jsx": App,
};
export default {
...react,
};