docs: add worldwide city search example

Author: noclat

…s/autocomplete-react-country/.env.sample …es/autocomplete-react-cities/.env.sampleexamples/autocomplete-react-country/.env.sample renamed to examples/autocomplete-react-cities/.env.sample examples/autocomplete-react-country/.env.sample renamed to examples/autocomplete-react-cities/.env.sample

@@ -0,0 +1,31 @@
+# PlaceKit Autocomplete React city field example
+
+[![Open in CodeSandbox](https://img.shields.io/badge/Open%20in-CodeSandbox-blue?style=flat-square&logo=codesandbox)](https://githubbox.com/placekit/autocomplete-react/tree/main/examples/autocomplete-react-cities)
+
+Make a worldwide city selector field with Autocomplete React.
+
+Only using [TailwindCSS](https://tailwindcss.com) as a convenience for the basic styling of the example.
+
+## Run
+
+```sh
+# clone project and access this example
+git clone git@github.com:placekit/autocomplete-react.git
+cd autocomplete-react/examples/autocomplete-react-cities
+
+# install dependencies
+npm install
+
+# create .env file
+cp .env.sample .env
+```
+
+Open the `.env` file and replace `<your-api-key>` with your PlaceKit API key.
+
+Then run:
+
+```sh
+npm run dev
+```
+
+And your project will be served at http://localhost:5173.

…es/autocomplete-react-country/.gitignore …les/autocomplete-react-cities/.gitignoreexamples/autocomplete-react-country/.gitignore renamed to examples/autocomplete-react-cities/.gitignore examples/autocomplete-react-country/.gitignore renamed to examples/autocomplete-react-cities/.gitignore

@@ -0,0 +1,19 @@
+import { PlaceKit } from '@placekit/autocomplete-react';
+
+const App = () => {
+  return (
+    <div className="flex items-center justify-center">
+      <PlaceKit
+        apiKey={import.meta.env.VITE_PLACEKIT_API_KEY}
+        geolocation={false}
+        options={{
+          types: ['city'],
+          countrySelect: false,
+        }}
+        className="w-96"
+      />
+    </div>
+  );
+};
+
+export default App;