RSS FeedTwitterMastodonBlueskyShare IconHeart IconGithub IconArrow IconClock IconGUI Challenges IconHome IconNote IconBlog IconCSS IconJS IconHTML IconShows IconOpen Source Software IconSpeaking IconTools IconShuffle IconNext IconPrevious IconCalendar IconCalendar Edit IconNotebook IconObservable Notebooks IconSlash IconGoogle G Icon
A series of images of an avatar doing a bunch of skateboard tricks.
atom@argyleink
notecss

Checkbox and radio groups have special powers with keyboard and screen reader interactions; leaning into them can lead to some rad UI:

Picklists · Taglists

Go ahead, open them up and give it a try!

4 lists are shown, 2 checkbox and 2 radio. all have an expanded or undisclosed layout, as to not hide options behind dropdowns or anything.2 light and 2 dark tag lists are shown, each with various options chosen to show how they work. the checkbox list can specify multiple, the radio list can only have 1 selected.