Select

Ejemplo básico de select demostrando el comportamiento principal.

Paquete: @solidiom/select
Versión: 0.0.1-next.0
Estado: stable

Ejemplos

import * as Select from "@solidiom/select"

;<Select.Root>Contenido de Select</Select.Root>

Ver código fuente

        export function SelectExample(props: SelectExampleProps) {
  const copy = () => COPY[props.locale]

  return (
    <div ref={(el) => el.setAttribute("data-hydrated", "true")} class="select-example">
      <Select.Root>
        <Select.Trigger aria-label={copy().label}>
          <Select.Value placeholder={copy().label} />
        </Select.Trigger>
        <Select.Content>
          {copy().items.map((item) => (
            <Select.Item value={item.toLowerCase()}>{item}</Select.Item>
          ))}
        </Select.Content>
      </Select.Root>
    </div>
  )
}