bboydflo / flagstrap-preact

flagstrap jquery plugin ported to preact

<Flagstrap /> for Preact

A dropdown component that makes it possible to choose a country from a list. This component is suited only together with Bootstrap 3 styles and is a direct port of the following plugin

Installation

$ npm install flagstrap-preact

Make sure to enable transpilation for this module! Check .babelrc and webpack configuration if you have troubles.

Usage Example

const onChanged = (countryCode) => {
  console.log('new selected country: ', countryCode);
}

<Flagstrap
  countries={
    'AF': 'Afghanistan',
    'AL': 'Albania',
    'DZ': 'Algeria',
    'AS': 'American Samoa'
  }
  choose={'Choose language'}
  onChange={onChanged}
/>

Demo

---

Props

Prop	Type	Description
countries	Object	Object containing country code as keys and country names as values
choose	String	Default dropdown label.
selected	String	Default selected country code
onChange	Function	Prop to handle dropdown change outside of Flagstrap component

---

License

MIT