flagstrap-preact

0.0.5 • Public • Published

<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

preview


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

Package Sidebar

Install

npm i flagstrap-preact

Weekly Downloads

0

Version

0.0.5

License

MIT

Last publish

Collaborators

  • bboydflo