UHasselt Component Library

App Select: Default 

<select class="form-select " name="select" id="select">
    <option value="0">Biologie (2456)</option>
    <option value="1" selected>Fysica (1850)</option>
    <option value="2">Mathemetical Biologie and Epidimiology DL (8752)</option>
</select>
 
<select 
    class="form-select {{modifier}}"
    name="{{name}}"
    id="{{id}}"
    {{#if disabled}}disabled{{/if}}
>
    {{#each options}} 
        <option value="{{value}}" {{#if selected}}selected{{/if}}>{{label}}</option>
    {{/each}}
</select>
 
{
  "modifier": "",
  "disabled": false,
  "name": "select",
  "id": "select",
  "options": [
    {
      "value": "0",
      "label": "Biologie (2456)",
      "selected": false
    },
    {
      "value": "1",
      "label": "Fysica (1850)",
      "selected": true
    },
    {
      "value": "2",
      "label": "Mathemetical  Biologie and Epidimiology DL (8752)",
      "selected": false
    }
  ]
}
  • Content: 
    .form-select {
    @apply h-12 md:w-72;

    &:focus {
        @apply border-black;
    }

    &[disabled] {
        @apply bg-black-100;
    }
}
  • URL: /components/raw/app-select/app-select.css
  • Filesystem Path: src\components\07-app-atoms\app-select\app-select.css
  • Size: 157 Bytes

No notes defined.