material-ui-country-flags

Library with country flag icons for Material-UI. Initially created for use in Isomorphic Material Relay Starter Kit (IMRSK) by Code Foundries. The boilerplate for the npm package is from insin/templates/react-module/.

Installation

  npm install material-ui-country-flags --save

Usage

import React from 'react';
import IconButton from 'material-ui/lib/icon-button';

import {
  Icon_Flag_BG,
  Icon_Flag_US
} from 'material-ui-country-flags';

class MyComponent extends React.Component
{
  render( )
  {
    return(
      <div>
        <IconButton><Icon_Flag_BG /></IconButton>
        <IconButton><Icon_Flag_US /></IconButton>
      </div>
    );
  }
}

For list of icons refer to the src folder.

More detailed example isomorphic-material-relay-starter-kit.

Contributing

All existing icons are modified versions of icons from lipis/flag-icon-css. An eventual goal of the project would be to have all of those SVG files converted to Material-UI icons.

In lieu of a formal styleguide, take care to maintain the existing coding style. Check out existing issues and help wanted.

Release History

Releases on Github project.