InputMenu

requires layer

A component that provides built-in autocomplete given a list of options.

Properties

Color, Variant, AppearanceOverride

This component uses styling from the Input component, and as such, the Color, Variant, and AppearanceOverride properties are passed to the Input component.

Information for styling the Input component can be found here.

Tailwind Color

default

Code block has not loaded. An error may have occurred.

PopoverAppearanceOverride

The appearance override for the popover. Theming information can be found here.

Type

Code block has not loaded. An error may have occurred.

EntryAppearanceOverride

The appearance override for Menu Entries in the dropdown. Theming information can be found here.

Type

Code block has not loaded. An error may have occurred.

Disabled

Type

Code block has not loaded. An error may have occurred.

Visible

Type

Code block has not loaded. An error may have occurred.

MaxHeight

Type

Code block has not loaded. An error may have occurred.

ToggleIcon

Type

Code block has not loaded. An error may have occurred.

SelectedIcon

Type

Code block has not loaded. An error may have occurred.

Search

Type

Code block has not loaded. An error may have occurred.

Placeholder

Type

Code block has not loaded. An error may have occurred.

Query

The query to search for. This goes two ways, meaning that it gets updated through the component and can be updated from the outside.

Type

Code block has not loaded. An error may have occurred.

SelectedOption

One-way Value

Type

Code block has not loaded. An error may have occurred.

Placement

Type

Code block has not loaded. An error may have occurred.

Options

Type

Code block has not loaded. An error may have occurred.

OnOptionSelected

Type

Code block has not loaded. An error may have occurred.

Instance Properties

This instance takes all the properties of a Frame. SpecialKeys, such as fusion.Children will also be passed to the instance.

Slots

Slots allow you to customize specific aspects of the component completely, often replacing the old instances. Slots are passed parameters that allow the slot to interact with component data that is normally not exposed. Generally, an useColor (the function passed by theme:get()) function is passed as first parameter to allow the new components to use the same color as the parent component. When using slots, make sure to wrap any code that uses reactive values in a Computed (or any other classes that isolate state), to prevent unnecessary updates.

Left

A slot for the left side of the input, where the selected option's icon is normally shown.

Function Type

Code block has not loaded. An error may have occurred.

Types

Certain types are reused across different components. To make these types easily accessible, they are available below:

option

Code block has not loaded. An error may have occurred.