material-ui-country-flags

Library with country flag icons for Material-UI. Initially created for use in Universal Relay Boilerplate by Code Foundries.

Installation

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

Versions

For React 0.14 and Material-UI 0.14 please use version 2. For React 15 and Material-UI 0.15 please use version 3 and above.

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 more information:

For list of icons refer to the src folder.

• Live demo.

• Source Code of live demo.

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.