Flagstrap-preact NPM

`<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