WidgetGenericAutoComplete
Source: client/lib/theme/vueda-tailwind/widgets/index.js
The root remains unstyled so the widget can sit inside any form shell.
Vue component: WidgetGenericAutoComplete
| Slot | Default classes | Description |
|---|---|---|
| root | The root remains unstyled so the widget can sit inside any form shell. | |
| inner | flex flex-row gap-2 flex-wrap | The inner row wraps the dropdown and text lookup controls together. |
| dropdownOuter | flex flex-col flex-shrink | The dropdown column keeps only the width its trigger needs. |
| autoCompleteOuter | flex flex-col flex-grow | The autocomplete column grows to absorb remaining row width. |
root
The root remains unstyled so the widget can sit inside any form shell.
Source: client/lib/theme/vueda-tailwind/widgets/WidgetGenericAutoComplete.theme.js:18
inner
The inner row wraps the dropdown and text lookup controls together.
Default classes:
flex flex-row gap-2 flex-wrap
Source: client/lib/theme/vueda-tailwind/widgets/WidgetGenericAutoComplete.theme.js:22
dropdownOuter
The dropdown column keeps only the width its trigger needs.
Default classes:
flex flex-col flex-shrink
Source: client/lib/theme/vueda-tailwind/widgets/WidgetGenericAutoComplete.theme.js:26
autoCompleteOuter
The autocomplete column grows to absorb remaining row width.
Default classes:
flex flex-col flex-grow
Source: client/lib/theme/vueda-tailwind/widgets/WidgetGenericAutoComplete.theme.js:30