styled-leaflet v1.4.0

styled-leaflet

leaflet.css for styled-components.

The original leaflet.css is pulled from CDN, and parsed into styled ready format.

Usage

npm install --save styled-leaflet

styled-components v4

styled-components createGlobalStyle documentation

This is just usage example

// ----- index.js
import React from 'react'
import { LeafletStyles } from 'styled-leaflet'

import { App } from './app'

const Root = () => (
  <React.Fragment>
    <LeafletStyles />
    <App />
  </React.Fragment>
)

Also you can use injectGlobal API:

// ----- styles/index.js
import styledLeaflet from 'styled-leaflet'
import { injectGlobal } from 'styled-components'

injectGlobal`
  ${styledLeaflet}

  // You can continue writing global styles
  body {
    padding: 0;
    background-color: black;
  }
`

You can also use named imports:

// ES Modules
import { leafletStyles, LeafletStyles } from 'styled-leaflet'

// CommonJS
const { leafletStyles, LeafletStyles } = require('styled-leaflet')

injectGlobal` ${leafletStyles} `
<LeafletStyles />

Version

NO SEMVER!

Why? Because X.Y numbers in vX.Y.Z version matches X.Y in leaflet

License

The MIT License