compose-preview Material 3 Design Kit

Tabs

10 of 50 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

Configuration=Fixed, Style=Secondary, Layout=Label & icon — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Tabs.kt#SecondaryTabs Configuration=Scrollable, Style=Secondary, Layout=Label & icon — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Tabs.kt#SecondaryTabs Configuration=Fixed, Style=Secondary, Layout=Label only — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Tabs.kt#SecondaryTabs Configuration=Scrollable, Style=Secondary, Layout=Label only — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Tabs.kt#SecondaryTabs Configuration=Fixed, Style=Primary, Layout=Icon only — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Tabs.kt#PrimaryTabs Configuration=Scrollable, Style=Primary, Layout=Icon only — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Tabs.kt#PrimaryTabs Configuration=Fixed, Style=Primary, Layout=Label & icon — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Tabs.kt#PrimaryTabs Configuration=Scrollable, Style=Primary, Layout=Label & icon — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Tabs.kt#PrimaryTabs Configuration=Fixed, Style=Primary, Layout=Label only — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Tabs.kt#PrimaryTabs Configuration=Scrollable, Style=Primary, Layout=Label only — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Tabs.kt#PrimaryTabs Selected=True, State=Pressed — no code behind this Selected=True, State=Focused — no code behind this Selected=True, State=Hovered — no code behind this Selected=True, State=Enabled — no code behind this Selected=False, State=Pressed — no code behind this Selected=False, State=Focused — no code behind this Selected=False, State=Hovered — no code behind this Selected=False, State=Enabled — no code behind this Selected=True, State=Pressed — no code behind this Selected=True, State=Focused — no code behind this Selected=True, State=Hovered — no code behind this Selected=True, State=Enabled — no code behind this Selected=False, State=Pressed — no code behind this Selected=False, State=Focused — no code behind this Selected=False, State=Hovered — no code behind this Selected=False, State=Enabled — no code behind this Selected=True, State=Pressed — no code behind this Selected=True, State=Focused — no code behind this Selected=True, State=Hovered — no code behind this Selected=True, State=Enabled — no code behind this Selected=False, State=Pressed — no code behind this Selected=False, State=Focused — no code behind this Selected=False, State=Hovered — no code behind this Selected=False, State=Enabled — no code behind this Selected=True, State=Pressed — no code behind this Selected=True, State=Focused — no code behind this Selected=True, State=Hovered — no code behind this Selected=True, State=Enabled — no code behind this Selected=False, State=Pressed — no code behind this Selected=False, State=Focused — no code behind this Selected=False, State=Hovered — no code behind this Selected=False, State=Enabled — no code behind this Selected=True, State=Pressed — no code behind this Selected=True, State=Focused — no code behind this Selected=True, State=Hovered — no code behind this Selected=True, State=Enabled — no code behind this Selected=False, State=Pressed — no code behind this Selected=False, State=Focused — no code behind this Selected=False, State=Hovered — no code behind this Selected=False, State=Enabled — no code behind this
10 of 50 components implemented
Configuration=Fixed, Style=Secondary, Layout=Label & iconcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Tabs.kt#SecondaryTabs Configuration=Scrollable, Style=Secondary, Layout=Label & iconcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Tabs.kt#SecondaryTabs Configuration=Fixed, Style=Secondary, Layout=Label onlycatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Tabs.kt#SecondaryTabs Configuration=Scrollable, Style=Secondary, Layout=Label onlycatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Tabs.kt#SecondaryTabs Configuration=Fixed, Style=Primary, Layout=Icon onlycatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Tabs.kt#PrimaryTabs Configuration=Scrollable, Style=Primary, Layout=Icon onlycatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Tabs.kt#PrimaryTabs Configuration=Fixed, Style=Primary, Layout=Label & iconcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Tabs.kt#PrimaryTabs Configuration=Scrollable, Style=Primary, Layout=Label & iconcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Tabs.kt#PrimaryTabs Configuration=Fixed, Style=Primary, Layout=Label onlycatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Tabs.kt#PrimaryTabs Configuration=Scrollable, Style=Primary, Layout=Label onlycatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Tabs.kt#PrimaryTabs Selected=True, State=Pressedno code behind this Selected=True, State=Focusedno code behind this Selected=True, State=Hoveredno code behind this Selected=True, State=Enabledno code behind this Selected=False, State=Pressedno code behind this Selected=False, State=Focusedno code behind this Selected=False, State=Hoveredno code behind this Selected=False, State=Enabledno code behind this Selected=True, State=Pressedno code behind this Selected=True, State=Focusedno code behind this Selected=True, State=Hoveredno code behind this Selected=True, State=Enabledno code behind this Selected=False, State=Pressedno code behind this Selected=False, State=Focusedno code behind this Selected=False, State=Hoveredno code behind this Selected=False, State=Enabledno code behind this Selected=True, State=Pressedno code behind this Selected=True, State=Focusedno code behind this Selected=True, State=Hoveredno code behind this Selected=True, State=Enabledno code behind this Selected=False, State=Pressedno code behind this Selected=False, State=Focusedno code behind this Selected=False, State=Hoveredno code behind this Selected=False, State=Enabledno code behind this Selected=True, State=Pressedno code behind this Selected=True, State=Focusedno code behind this Selected=True, State=Hoveredno code behind this Selected=True, State=Enabledno code behind this Selected=False, State=Pressedno code behind this Selected=False, State=Focusedno code behind this Selected=False, State=Hoveredno code behind this Selected=False, State=Enabledno code behind this Selected=True, State=Pressedno code behind this Selected=True, State=Focusedno code behind this Selected=True, State=Hoveredno code behind this Selected=True, State=Enabledno code behind this Selected=False, State=Pressedno code behind this Selected=False, State=Focusedno code behind this Selected=False, State=Hoveredno code behind this Selected=False, State=Enabledno code behind this

Report a problem

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