arellanojv / select-philippines-address Goto Github PK

Select addresses in the Philippines using HTML select base on address codes.

- ✨ Demo Deployed at Vercel

React JS

Vue JS

- ✨ Installation

npm i select-philippines-address --save

- ✨ Usage

import {
    regions,
    provinces,
    cities,
    barangays,
} from "select-philippines-address";

regions().then((region) => console.log(region));
regionByCode("01").then((region) => console.log(region.region_name));
provinces("01").then((province) => console.log(province));
provincesByCode("01").then((province) => console.log(province));
provinceByName("Rizal").then((province) => console.log(province.province_code));
cities("0128").then((city) => console.log(city));
barangays("052011").then((barangays) => console.log(barangays));

• regions() - has no parameter which returns all regions.
• regionByCode() - has 1 parameter region_code which returns a region.
• provinces() - has 1 parameter region_code which returns provinces in that region.
• provincesByCode() - has 1 parameter region_code which returns provinces in that region.
• provinceByName() - has 1 parameter province_name which returns province.
• cities() - has 1 parameter province_code which returns cities in that province.
• barangays() - has 1 parameter city_code which returns barangays in that city.

- ✨ Screenshot

React JS	Vue JS

https://www.npmjs.com/package/select-philippines-address

• React JS
• Vue JS
• Svelte JS (WIP)

Please fork or star for support

Apache-2.0

Isaac Arcilla
LA Colinares