Selekt tests
The selekt library in all its modes, inside a real form
Favorite projects
Manage favorites
Notifications
Nothing new yet.
Andrei
Administrator
Andrei
andrei@example.com
Administrator
Quick settings
Light
Dark
Fullscreen
EN
English
Română
Profile
Settings
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)
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.
Form values
Submit
What the form would send (from the hidden holder selects):
—
Esc
Quick links
Dashboard
Overview
Basic elements
Forms
Component guide
Documentation
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.
