Home

Awesome

stylable-select version

A simulated select dropdown that can be styled with CSS across all browsers/OSs.

Tested on Chrome, Firefox, Mac, Android. Had some accessibility testing.

base example

This project was generated using hchiam's project-template.

This GitHub repo serves as a more restorable backup of this CodePen demo:

https://codepen.io/hchiam/pen/wvprLpV

Examples:

pill shape example:

pill shape example

circular example:

circular example

To run this GitHub repo demo:

(You'll need yarn set up.)

git clone https://github.com/hchiam/stylable-select
cd stylable-select
yarn
yarn dev
# http://localhost:3000

To update this GitHub repo demo:

Update:

to match the CodePen demo https://codepen.io/hchiam/pen/wvprLpV

You might also be interested in

https://web.dev/patterns/components/split-buttons#js