PolyRhythmic
ifl
dark_mode
light_mode
palette
Theme controls
Colors
Hue
Chroma
Lightness
Tertiary temperature
check
Cooler
check
Warmer
Contrast
check
brightness_low
check
brightness_medium
check
brightness_high
Images
Dim dark mode image brightness
Shapes
Shape corner roundness
Typography
Content text width
check
60ch
check
120ch
check
Max
Font Size
14px
Line Height
1.5
Brand font family
Raleway
Rubik
Bookman
Century Schoolbook
Example: Brand text
Plain font family
Rubik
Raleway
Helvetica
Verdana
Example: Plain text
Code font family
SomeType Mono
Courier New
Andale Mono
Consolas
Example: Code text
token
Tokens
palette
Color
shadow
Elevation
gesture
Motion
rounded_corner
Shape
layers
State
custom_typography
Typography
view_quilt
Layouts
view_quilt
Feed
thumbnail_bar
Fixed and flexible
vertical_split
List-detail
fullscreen_portrait
Single pane
view_column_2
Split-pane
transition_slide
Supporting pane
settings
Components
touch_app
Action
forum
Communication
resize
Containment
explore
Navigation
checklist
Selection
variable_add
Text input
code
Shortcodes
markdown
Playground
search
Search
January 1, 2024 · 1 min read
List-detail layout
A canonical layout with a list pane and a detail pane
List pane
See:
Material Design 3 - Canonical layouts - List-detail
Detail pane
arrow_back
Previous
Motion
Up next
arrow_forward
Fixed and flexible layout
See also
Feed layout
A canonical layout for items that can flow into a feed
Supporting pane layout
A canonical layout with a focus (primary) pane and a supporting (secondary) pane
About
Contact
Share
email
Email
print
Print