mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
44 lines
954 B
TypeScript
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,
|
|
};
|