mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-21 20:59:20 +00:00
41 lines
1,022 B
Svelte
41 lines
1,022 B
Svelte
<script lang="ts">
|
|
import { TextInput, TextInputSkeleton } from "../types";
|
|
|
|
let value = null;
|
|
</script>
|
|
|
|
<TextInput
|
|
type="number"
|
|
labelText="User name"
|
|
placeholder="Enter user name..."
|
|
bind:value
|
|
/>
|
|
|
|
<TextInput
|
|
labelText="User name"
|
|
helperText="Your user name is associated with your email"
|
|
placeholder="Enter user name..."
|
|
/>
|
|
|
|
<TextInput hideLabel labelText="User name" placeholder="Enter user name..." />
|
|
|
|
<TextInput light labelText="User name" placeholder="Enter user name..." />
|
|
|
|
<TextInput inline labelText="User name" placeholder="Enter user name..." />
|
|
|
|
<TextInput size="xl" labelText="User name" placeholder="Enter user name..." />
|
|
|
|
<TextInput size="sm" labelText="User name" placeholder="Enter user name..." />
|
|
|
|
<TextInput
|
|
invalid
|
|
invalidText="User name is already taken. Please try another."
|
|
labelText="User name"
|
|
placeholder="Enter user name..."
|
|
/>
|
|
|
|
<TextInput disabled labelText="User name" placeholder="Enter user name..." />
|
|
|
|
<TextInputSkeleton />
|
|
|
|
<TextInputSkeleton hideLabel />
|