<.select id="select-basic-default" label="Country" name="country">
  <:item value="es" label="Spain" />
  <:item value="de" label="Germany" />
  <:item value="fr" label="France" />
</.select>
<.select id="select-basic-selected" label="Country" name="country" value="de">
  <:item value="es" label="Spain" />
  <:item value="de" label="Germany" />
  <:item value="fr" label="France" />
</.select>

<.select id="select-content-icons" label="Workspace" name="workspace" value="application">
  <:item value="application" label="Application" icon="category" />
  <:item value="framework" label="Framework" icon="category" />
  <:item value="package" label="Package" icon="category" />
</.select>
<.select
  id="select-content-hint"
  label="Country"
  name="country"
  hint="Used for regional settings."
>
  <:item value="es" label="Spain" />
  <:item value="de" label="Germany" />
  <:item value="fr" label="France" />
</.select>

<.select disabled id="select-states-disabled" label="Country" name="country" value="de">
  <:item value="es" label="Spain" />
  <:item value="de" label="Germany" />
  <:item value="fr" label="France" />
</.select>