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
Fixed and flexible layout
A two pane layout with one fixed and one flexible pane
Fixed pane
Flex pane
See:
Material Design 3 - Layout basics - Parts of layout
arrow_back
Previous
List-detail layout
Up next
arrow_forward
Feed layout
See also
Single pane layout
A single pane layout with one flexible pane
Split-pane layout
A two-pane layout with two flexible panes
About
Test
Share
email
Email
print
Print