open-index/open-npm huggingface dataset:
npm package: @mapka/react-leaflet-map
Description: React wrapper for leaflet
Author: chyzwar
Latest version: 0.16.0

# React Mapka leaflet map

Mapka leaflet map package.

```bash
yarn add @mapka/react-leaflet-map
```

## Usage

```tsx
import { LeafletMap } from "@mapka/react-leaflet-map";

<LeafletMap onMapLoaded={(map, L) => console.log({ map, L })} />
```
npm package: @mapka/react-mapbox-map
Description: Map
Author: chyzwar
Latest version: 0.16.0

# React Mapka mapbox map components

```bash
yarn add @mapka/react-mapbox-map
```

## Usage

```tsx
import { MapboxMap } from "@mapka/react-mapbox-map";

<MapboxMap accessToken={accessToken} onMapLoaded={(map) => console.log(map)} />
```
npm package: @mapka/react-maplibre-map
Description: MapLibre react web component
Author: chyzwar
Latest version: 0.16.0

# React Mapka MapLibre map components

```bash
yarn add @mapka/react-maplibre-map

```

## Usage

```tsx
import { MapLibreMap } from "@mapka/react-maplibre-map";

<MapLibreMap onMapLoaded={(map) => console.log(map)} />
```
npm package: @mapka/split-panel
Description: Split panel for mapka
Author: chyzwar
Latest version: 0.16.0

# Mapka Split Panel

```bash
yarn add @mapka/split-panel
```

## Usage

```tsx
import { SplitPanel } from "@mapka/split-panel";

<SplitPanel
  leftPanel={<div>Left panel</div>}
  rightPanel={<div>Right panel</div>}
/>
```

```tsx
import "@mapka/split-panel/webcomponent";

<mapka-split-panel>
  <div slot="left-panel">Left panel</div>
  <div slot="right-panel">Right panel</div>
</mapka-split-panel>
```