styled-leaflet
v1.4.0
Published
leaflet.css for styled-components CSS-in-JS library
Downloads
239
Readme
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