Selekt tests
The selekt library in all its modes, inside a real form
Notifications
Mark all read
Nothing new yet.
Andrei
Administrator
Andrei
andrei@example.com
Administrator
Quick settings
Light
Dark
Fullscreen
EN
English
Română
Profile
Log out
Simple mode
— local data from the original <option> tree
Priority (few options → no search)
Low
Normal
High
Critical
Month (12 options → search appears)
January
February
March
April
May
June
July
August
September
October
November
December
Colors (multiple, tags, backspace)
Red
Green
Blue
Yellow
Purple
Orange
Black
Colors (max-tags-visible="0" → count only)
Red
Green
Blue
Yellow
Purple
Colors (many rows, controls-align="bottom")
Red
Green
Blue
Yellow
Purple
Orange
Black
AJAX + dependsOn
— data loads lazily from the /examples-demo mocks, cities depend on the country
Country
(/examples-demo/countries/list)
City
(60/country, pages of 15)
City (keep-value)
(kept if still valid)
Hierarchy
— /examples-demo/categories/list: groups (disabled), nested children, selectable parents
Category (single, complex mode)
Categories (multiple + select-children)
Tags (create via /examples-demo/tags/create)
Tag (single + create → the search says so)
Material (3 local options + create → the search still shows)
Concrete
Steel
Timber
Tag (single + create, the page's own search words)
Room numbers (create + delimiters, empty local set)
Category (modal mode)
Tags (modal + create → Add in the side pane)
Switch, sizes & integration
Status (switch mode)
All
Active
Inactive
In an input-group
Price
EUR
USD
RON
Small + invalid state
Option A
Option B
Example of validation styling on the closed control.
Secondary text
— extra.meta after the label: /examples-demo/parameters/list (paged, names repeat across groups)
Parameter (simple)
Parameter (complex)
Parameter (modal)
Parameters (multiple)
Parameters (3 per page — a page that doesn't fill the list fetches the next itself)
Local options (data-meta)
Thickness
Thickness
Material
Filter specials
— nullOption / emptyOption / nullOrEmptyOption
Tags (remote, + Untagged)
Parameters (remote, PAGED by 8, + Ungrouped)
Kind (local, all three)
Kind A
Kind B
Form values
Submit
What the form would send (from the hidden holder selects):
—
Drop side
— the last row of a scrolling box
spacer — a short list mid-box, then the fields on the last row
Value 1
Value 2
Parameter 1
Parameter 2
Parameter 3
Parameter 4
Parameter 5
Parameter 6
Parameter 7
Parameter 8
Parameter 9
Parameter 10
Parameter 11
Parameter 12
Parameter 1
Parameter 2
Parameter 3
Parameter 4
Parameter 5
Parameter 6
Parameter 7
Parameter 8
Parameter 9
Parameter 10
Parameter 11
Parameter 12
Esc
Type to search across the app.
Log out
Choose how you want to log out:
This device
Sign out only from the current session.
All devices
Sign out everywhere you're currently logged in.
