Loading component…
Loading component…
What automated tests prove about each implementation — separate from whether the package itself is a finished product. Derived from the test files; how the levels are earned.
React
Package maturity: stable · Implementation verification: Beta
SwiftUI
Package maturity: stable · Implementation verification: Experimental
Jetpack Compose
Package maturity: stable · Implementation verification: Experimental
Flutter
Package maturity: stable · Implementation verification: Experimental
This platform’s whole catalogue is verified to React beta, SwiftUI experimental, Jetpack Compose experimental, Flutter experimental. The catalogue figure is the weakest component on that platform, not an average.
Displays a list of options for the user to pick from — triggered by a button. Reconciled 1:1 with design source node 54855:13882.
Reduced motion: off · your browser setting
npx @kinetixui/cli add selectimport { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "@kinetixui/ui";Styled entirely from the KinetixUI token contract — bg-action,
text-muted-foreground, border-input, ring-ring. Works in light and dark
with no extra config. Keyboard and ARIA behaviour is inherited from Radix where the
component is built on a primitive; the hand-built widgets (DataGrid, TreeView,
ColorPicker, MultiSelect, Tour, KanbanBoard) have their own documented interaction
models — see Accessibility.
3 behaviours asserted on every commit by packages/ui/src/components-keyboard.test.tsx. Listed because they are tested, not the other way round — if one stops being tested it stops appearing here.
opens with Enter, walks options with the arrow keys and Home/End, and commits with Enter
jumps to an option by typing its first letter
closes with Escape without choosing, and hands focus back to the trigger