mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-16 02:41:05 +00:00
a583453436Size `xl` changed to `lg`. For better compatibility with existing codebases size `xl` is still supported.
30 lines
819 B
Svelte
30 lines
819 B
Svelte
<script lang="ts">
|
|
import { PasswordInput } from "../types";
|
|
</script>
|
|
|
|
<PasswordInput labelText="Password" placeholder="Enter password..." />
|
|
|
|
<PasswordInput
|
|
labelText="Password"
|
|
type="text"
|
|
placeholder="Enter password..."
|
|
value="as_lta0890sdfpo__!9901"
|
|
on:paste
|
|
/>
|
|
|
|
<PasswordInput hideLabel labelText="Password" placeholder="Enter password..." />
|
|
|
|
<PasswordInput light labelText="Password" placeholder="Enter password..." />
|
|
|
|
<PasswordInput size="lg" labelText="Password" placeholder="Enter password..." />
|
|
|
|
<PasswordInput size="sm" labelText="Password" placeholder="Enter password..." />
|
|
|
|
<PasswordInput
|
|
invalid
|
|
invalidText="Incorrect user name or password."
|
|
labelText="Password"
|
|
placeholder="Enter password..."
|
|
/>
|
|
|
|
<PasswordInput disabled labelText="Password" placeholder="Enter password..." />
|