Web components for MapsIndoors
npm install @mapsindoors/componentsStencil project with MI-Components
The library is published on NPM as: @mapsindoors/components
Read more about Stencil here: Getting started
In a terminal:
``bash`
$ git clone git@github.com:MapsPeople/web-ui.git && cd web-ui
$ npm ci && npx lerna run build && cd packages/components
$ npm run start
When the server is up and running, open the project demo page in your browser:
For "manually" controlling the components, open the Inspector to change attribute(s) in the HTML, or call methods via the developer console.
- Install the MapsIndoors components dependency with npm install @mapsindoors/componentsnpm install @types/googlemaps
- Install the TypeScript definitions for Google Maps JavaScript API with
- Follow the instructions provided by Stencil to use a Stencil-built web component collection:
When getting a reference to a MI Component element in the view, the type can be set like so:
`html`
`TypeScript`
@ViewChild('search') miSearchComponent:
ElementRef
To check out the compiled Docs site, it's important to first build the components and then serve the documentation site:
`bash`
npm run build
npm run docs.start
Open the browser on
If you just want to build the Docs folder, run this command: npm run build && npm run docs.build`