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

Dependencies (0)

    Dev Dependencies (33)

    Package Sidebar

    Install

    npm i flagstrap-preact

    Weekly Downloads

    0

    Version

    0.0.5

    License

    MIT

    Last publish

    Collaborators

    • bboydflo