purefunctor / reason-react-country-select

CountrySelect implemented in ReasonReact

Home Page:https://purefunctor.github.io/reason-react-country-select/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

reason-react-country-select

CountrySelect implemented in ReasonReact.

Demo

Core Functionality

demo.mp4

Virtual Scrolling

demo-virtual-scrolling.mp4

Get Started

This project requires an OCaml installation and pnpm for development. To get started:

$ opam switch create . --with-test --deps-only -y
$ opam exec -- dune build  # or just `dune build ` with `eval $(opam env)`
$ pnpm install
$ pnpm dev

Keyboard Shortcuts

  • Enter/Space/ArrowDown - opens the search combobox when the button is focused.
  • Escape - closes the search combobox when the input is focused.
  • ArrowUp/ArrowDown - navigates the listbox when the input is focused.
  • Enter - selects either the first or highlighted country in the listbox.

About

CountrySelect implemented in ReasonReact

https://purefunctor.github.io/reason-react-country-select/

License:BSD 3-Clause "New" or "Revised" License


Languages

Language:Reason 77.6%Language:OCaml 11.1%Language:CSS 9.3%Language:HTML 1.3%Language:JavaScript 0.7%