Every Material component, drawn the Baseline way — flat, square, one accent.
Material 3 leans on elevation, tonal fills and rounded shapes; Baseline forbids all three. So each family is mapped, not copied: shadows become 2px rules, radii become square edges, tonal layers become the neutral ramp, and colour spends only on the finding. Where a term drops (elevated button, FAB shadow) the mono note says so. Live controls are the real Baseline components.
01
Actions
buttons · FAB · icon · segmented
Common buttons
Filled
Tonal
Outlined
Text
M3 filled · tonal · outlined · text · elevated. Elevated drops — no shadow in Baseline; tonal uses the neutral ramp.
FAB
New
Small · regular · extended. Square block, no shadow, no lift.
Icon buttons
Outlined · filled · standard.
Segmented
Live · Baseline SegmentedControl.
02
Selection
checkbox · radio · switch · chips · slider
Checkbox
Radio
Switch
Chips
Assist
Filter ✓
Input
Suggestion
Assist · filter · input · suggestion.
Slider
Square handle · accent fill to value.
03
Text inputs
field · search · area
Filled field
Label
Value
Outlined field
Label
Value
Search
Search
Text area
Multi-line input
04
Communication
badge · progress · snackbar · tooltip
Badge
8
Count · dot. Square, accent.
Progress
Linear · circular. Accent arc.
Snackbar
SAVE-04
Filter applied to 164 records.
Undo
Baseline Toast — a status row in flow, never floating, always coded.
Tooltip
Total area, m²
Ink block, square, no arrow.
05
Containment
card · list · dialog · divider
Card
District
North · 42 parks
Largest share of open space in the city.
Elevated · filled · outlined → one flat bordered block.
List
HaYarkon
3.5M
Menachem Begin
740k
Charles Clore
312k
Dialog
Discard filters?
This resets the view to all 164 records.
Cancel
Discard
Dialog & bottom sheet → Baseline Drawer: butts an edge, opaque, no scrim.
06
Navigation
app bar · nav bar · rail · tabs
Top app bar
Parks
Tabs
Map
List
Stats
Navigation bar
Map
List
Stats
Set
Rail
Map
List
Stats
Baseline / T · Material 3 kit
Elevation → rules · radii → square · tonal → neutral ramp · one accent per specimen · Public Sans
Sheet F—M3