16 lines
629 B
Plaintext
16 lines
629 B
Plaintext
component Combobox {
|
|
props {
|
|
id = "combobox"
|
|
name = ""
|
|
label = "Choose an option"
|
|
placeholder = "Search options"
|
|
options = []
|
|
required = false
|
|
disabled = false
|
|
class = ""
|
|
}
|
|
view {
|
|
<div class="wire-field {class}"><label for="{id}" class="wire-label">{label}</label><input id="{id}" name="{name}" list="{id}-options" placeholder="{placeholder}" required="{required}" disabled="{disabled}" role="combobox" aria-autocomplete="list" class="wire-input" /><datalist id="{id}-options">{#each options as option}<option value="{option.value}">{option.label}</option>{/each}</datalist></div>
|
|
}
|
|
}
|