1.1.3 • Published 2 years ago
world-countries-list v1.1.3
world-countries-list (Stencil Component)
NOTE
Installation
To install, you can use npm or yarn:
$ npm install --save world-countries-list
$ yarn add world-countries-list
Once Installed please add the below custom elements in your react-app or angular-app
- index.js
import { defineCustomElements } from "world-countries-list/loader" defineCustomElements(window);
- In your App Conmponent or Custom Component , Please add the below custom element
Examples
Here is a simple example of world-countries-list being used in an react app:
import reportWebVitals from './reportWebVitals';
import { defineCustomElements } from "world-countries-list/loader"
const store = createStore(rootreducer, applyMiddleware(thunk));
ReactDOM.render(
<React.StrictMode>
<Provider store={store}><Router /></Provider>
</React.StrictMode>,
document.getElementById('root')
);
// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();
defineCustomElements(window);
App.js
function App() {
return (
<div>
<button onClick={openModal}>Open Modal</button>
<countries-list></countries-list>
</div>
);
}
ReactDOM.render(<App />, appElement);
You can find more examples in the `examples` directory, which you can run in a
local development server using `npm start` or `yarn run start`.
## Explanantion
<countries-list> ## This component will get list of countries in array from external API and stored it in your
browser session storage.