optgroups

[kopancek]

Is there a way of having option groups, like the standard optgroup element in html select?

[piecyk]

I want to help with this future... i was thinking going with simple structure

var options = [{
            label: "Group 1",
            children: [{
                value: "one",
                lable: "One"
            }, {
                value: "two",
                lable: "Two"
            }];

is someone started to work on that?

[acthp]

I also need this, immediately. Is there work in progress, or should I fork?

[Venkatrao727]

+1

[TSMMark]

+1

Anyone working on this?

[whather]

I also would love this. Planning on switching from Selectize.js (which has optgroup support) to this, but would need this functionality first.

[rick-li]

+1

[guillaumepiot]

+1

[dcousens]

We're accepting PRs, so don't feel bad if you beat @jossmac to it. It currently isn't on the hit list.

[jossmac]

I'm working almost exclusively on http://elemental-ui.com for the foreseeable future, so I won't be of much help I'm afraid. Incidentally I've implemented a dropdown over there that may be of interest using the following pattern:

var selectOptions = [
  { type: 'option', value: 'option', label: 'Option' },
  { type: 'option', value: 'another-option', label: 'Another option' },
  { type: 'option', value: 'something-else-here', label: 'Something else here' },
  { type: 'divider' },
  { type: 'label', label: 'Select label' },
  { type: 'option', value: 'separated-option', label: 'Separated option' },
];

More here: https://github.com/elementalui/elemental/blob/master/src/components/Dropdown.js

Ping @JedWatson for preferences on implementation details