m3-dreamland

m3-dreamland

12 devlogs
24h 59m
•  Ship certified
Created by Toshit

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

Timeline

Ship 1

1 payout of shell 365.0 shells

Toshit

about 2 months ago

Toshit Covers 12 devlogs and 24h 59m
Earned sticker

Quickly built a showcase site for the completed components.

Update attachment

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