InputGroup
A component for combines multiple inputs like input, select or buttons into a single, cohesive input area for better layout and user interaction.
View source
Examples
Text
<script lang="ts">
import { InputGroup, InputGroupItem, Input } from 'svxui';
</script>
<InputGroup>
<InputGroupItem class="px-3">Text</InputGroupItem>
<Input />
</InputGroup>API Reference
InputGroupItem
| Property | Type | Default | Description |
|---|---|---|---|
children Snippet | Snippet<[void]> | InputGroupItem content to render | |
color | string | number | symbol | "neutral" | InputGroupItem color |
elementRef $bindable | HTMLDivElement | Rendered DOM element |
InputGroup
| Property | Type | Default | Description |
|---|---|---|---|
children Snippet | Snippet<[void]> | InputGroup content to render | |
elementRef $bindable | HTMLDivElement | Rendered DOM element |
Examples
Input sizes
Size 1
Size 2
Size 3
Input + Text
www