Password
A basic widget for getting the user password input.
import { Password } from "rizzui";
Default
The default style of Password component.
import { Password } from "rizzui";
export default function App() {
return (
<Password
label="Password"
placeholder="Enter your password"
/>
);
}
Variants
You can change the style of Password using variant property.
import { Password } from "rizzui";
export default function App() {
return (
<>
<Password
label="Outline"
placeholder="Enter your password"
variant="outline"
/>
<Password
label="Flat"
placeholder="Enter your password"
variant="flat"
/>
<Password
label="Text"
placeholder="Enter your password"
variant="text"
/>
</>
);
}