mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 18:31:06 +00:00
26 lines
No EOL
560 B
Text
26 lines
No EOL
560 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" /> |