compose-preview Material 3 Design Kit

Search

2 of 14 components implemented · Open in Figma

report a catalog issue
Applied as a parity: label, so the catalog’s issue index can tell a difference that is ours from one that is not. Leave it on needs investigating if you are not sure — that is what it is for.Files against yschimke/m3-catalog — the project whose code declares this design page, not the preview server. The rest of the report — what you were looking at, which build, the links — is filled in for you on GitHub.
Show
Diff against
Marks

Double-click a section to zoom · ⌘/Ctrl-scroll · drag to pan · + / − / 0 by keyboard · Esc resets

State=Pressed, Show avatar=True — no code behind this State=Hovered, Show avatar=True — no code behind this State=Enabled, Show avatar=True — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Search.kt#SearchBarSticker State=Pressed, Show avatar=False — no code behind this State=Hovered, Show avatar=False — no code behind this State=Enabled, Show avatar=False — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Search.kt#SearchBarSticker Configuration=Input text — no code behind this Configuration=Supporting text — no code behind this Configuration=Input text — no code behind this Configuration=Supporting text — no code behind this Configuration=Input text — no code behind this Configuration=Supporting text — no code behind this Configuration=Input text — no code behind this Configuration=Supporting text — no code behind this
2 of 14 components implemented
State=Pressed, Show avatar=Trueno code behind this State=Hovered, Show avatar=Trueno code behind this State=Enabled, Show avatar=Truecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Search.kt#SearchBarSticker State=Pressed, Show avatar=Falseno code behind this State=Hovered, Show avatar=Falseno code behind this State=Enabled, Show avatar=Falsecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Search.kt#SearchBarSticker Configuration=Input textno code behind this Configuration=Supporting textno code behind this Configuration=Input textno code behind this Configuration=Supporting textno code behind this Configuration=Input textno code behind this Configuration=Supporting textno code behind this Configuration=Input textno code behind this Configuration=Supporting textno code behind this

Report a problem

Two trackers — pick whichever owns the thing that is wrong.