Dealogic Styleguide

section menu

Select

Helper component that wraps dl-picklist to easily use this picklist component in a way that resembles the HTML-native <select> element. Just use a couple of <option> elements inside this component, which will automatically be turned into picklist options. The selected attribute is supported.

Attributes

attribute: type: required? default: description:
disabled boolean no false

Disable the select component

Examples

Select

<dl-select>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3" selected>Three</option>
    <option value="4">Four</option>
    <option value="5">Five</option>
</dl-select>

Disabled select

<dl-select disabled>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4" selected>Four</option>
    <option value="5">Five</option>
</dl-select>