<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