diff options
Diffstat (limited to 'packages/ui/src/components/input.tsx')
| -rw-r--r-- | packages/ui/src/components/input.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/packages/ui/src/components/input.tsx b/packages/ui/src/components/input.tsx index 9557e90f3..cbf23e5c7 100644 --- a/packages/ui/src/components/input.tsx +++ b/packages/ui/src/components/input.tsx @@ -23,15 +23,15 @@ export function Input(props: InputProps) { return ( <Kobalte data-component="input" value={local.value} onChange={local.onChange} onKeyDown={local.onKeyDown}> <Show when={local.label}> - <Kobalte.Label data-slot="label" classList={{ "sr-only": local.hideLabel }}> + <Kobalte.Label data-slot="input-label" classList={{ "sr-only": local.hideLabel }}> {local.label} </Kobalte.Label> </Show> - <Kobalte.Input {...others} data-slot="input" class={local.class} /> + <Kobalte.Input {...others} data-slot="input-input" class={local.class} /> <Show when={local.description}> - <Kobalte.Description data-slot="description">{local.description}</Kobalte.Description> + <Kobalte.Description data-slot="input-description">{local.description}</Kobalte.Description> </Show> - <Kobalte.ErrorMessage data-slot="error" /> + <Kobalte.ErrorMessage data-slot="input-error" /> </Kobalte> ) } |