Koobiq

With default parameters

Multiple tree-select

Multiline tree-select (multiline)

Multiple with child selection

With search

Lazy loading tree-select

With custom footer

By default, the dropdown width equals the select width and grows when the list contains long text. This behavior can be changed using the panelWidth attribute.

For a specific dropdown:

@Component({
    template: `
        <kbq-form-field>
            <kbq-tree-select [panelWidth]="700">...</kbq-tree-select>
        </kbq-form-field>
    `
})

For all dropdowns in a module, using Dependency Injection with the kbqTreeSelectOptionsProvider provider:

import { kbqTreeSelectOptionsProvider } from '@koobiq/components/tree-select';

@NgModule({
    providers: [
        kbqTreeSelectOptionsProvider({ panelWidth: 'auto' })
    ]
})

If you have any questions or would like to contribute to writing the documentation, please create an issue in our GitHub repository.