# form-select The markup of every demo on , extracted from that page. It is generated, so it cannot disagree with what the page renders. Load the framework from the origin and read first: a Kuiper class carries no prefix and a UIkit behavior attribute carries `data-`. ## size One specimen per size rung, so the ladder reads as a single column. A rung sets the height, the type size and the horizontal padding together, and the sizeless specimen is identical to `-m` by construction. Varies: the `select-*` ladder over 5 rungs, `xs` to `xl`. ```html

base

``` ## color The same specimen repeated on each ground Kuiper paints. The point is what you do NOT write: the ink, the border and the placeholder follow the ground through the `--foreground-*` tokens, so no color class appears on the specimen itself. Varies: the `disabled` and `required` state. ```html

select

select icon

select icon color

select icon color nosearch

select size3

select multiple

select size5 multiple

select size5 multiple nosearch

select relationship

select relationship size3

select relationship multiple

select relationship size5 multiple

``` ## color Varies: the `disabled` and `required` state. ```html