Awesome
<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
<img alt="preview" src="https://github.com/bboydflo/flagstrap-preact/blob/master/flagstrap-preact.gif" width="720">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 |