m3-dreamland

m3-dreamland

11 devlogs
19h 3m
Created by Toshit

A Material 3 (Expressive) component library for dreamland.js

Timeline

Implemented Slider. Spent way too long trying to fix the ticks jittering on Chrome and Chrome only (i guess safari wins this time)

Implemented TextFields (only the filled variant, not outlined; and no trailing icons yet either).

Added toggle buttons. It's built as a wrapper around the Button component with a flag element as a child to reuse all of its styling and props.

Fixed the linear progress bar styling.

Implemented the linear progress bar. It doesn't look exactly like the spec yet though.

Update attachment

Implemented Chip.

Update attachment

Implemented Switch, with support for custom icons in the selected state.

Implemented Button styles when disabled.

Update attachment

Implemented most of the button spec (except xs/s target area overrides).

Cleaned up m3-dreamland v1's ripple and implemented the Card/CardClickable component.

Set up the styles component to generate the vars I'll use for components.

Update attachment