18 lines
648 B
Plaintext
18 lines
648 B
Plaintext
component Select {
|
|
props {
|
|
size = "default"
|
|
color = "primary"
|
|
label = "Select"
|
|
name = ""
|
|
value = ""
|
|
options = []
|
|
placeholder = "Select an option"
|
|
multiple = false
|
|
disabled = false
|
|
class = ""
|
|
}
|
|
view {
|
|
<label class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--field wire-next--select {class}"><span>{label}</span><select {...attrs} name="{name}" multiple="{multiple}" disabled="{disabled}"><option value="">{placeholder}</option>{#each options as option}<option value="{option.value}" selected="{option.value === value}">{option.label}</option>{/each}</select></label>
|
|
}
|
|
}
|