mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-17 19:21:26 +00:00
6a3614bf55* fix(password-input): support invalid state when used in a `FluidForm` * docs(fluid-form): add example "Invalid state"
26 lines
No EOL
562 B
Text
26 lines
No EOL
562 B
Text
<script>
|
|
import {
|
|
FluidForm,
|
|
TextInput,
|
|
PasswordInput,
|
|
} from "carbon-components-svelte";
|
|
import Preview from "../../components/Preview.svelte";
|
|
</script>
|
|
|
|
### Fluid form
|
|
|
|
Note that the `inline` input variants cannot be used within a `FluidForm`.
|
|
|
|
<FluidForm>
|
|
<TextInput labelText="User name" placeholder="Enter user name..." required />
|
|
<PasswordInput
|
|
required
|
|
type="password"
|
|
labelText="Password"
|
|
placeholder="Enter password..."
|
|
/>
|
|
</FluidForm>
|
|
|
|
### Invalid state
|
|
|
|
<FileSource src="/framed/FluidForm/FluidFormInvalid" /> |