Skip to content

Latest commit

 

History

History
49 lines (29 loc) · 1.36 KB

README.md

File metadata and controls

49 lines (29 loc) · 1.36 KB

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:

  • partials/CodePen.html
  • CodePen.js
  • CodePen.scss

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