Usage no npm install needed!

<script type="module">
  import mgcreaAntdPlacePicker from 'https://cdn.skypack.dev/@mgcrea/antd-place-picker';
</script>

README

antd-place-picker

Features

Provides a <PlacePicker /> powered-by AntDesign <Select /> leveraging react-map-gl
Written from the ground up with TypeScript

Docs

Storybook

Install

npm install @mgcrea/antd-place-picker

Quickstart

import React from 'react';
import {Form, FormProps} from 'antd';
import {PlacePicker} from '@mgcrea/antd-place-picker';
import '@mgcrea/antd-place-picker/lib/esm/style.less';

function App() {
  const onSubmit = (data) => console.log(data);

  return (
    <Form labelCol={{span: 4}} wrapperCol={{span: 14}} layout="horizontal" onSubmit={onSubmit}>
      <Form.Item name="place">
        <PlacePicker />
      </Form.Item>
    </Form>
  );
}