UNPKG

county-selection

Version:

This package contains a CountySelectionComponent class that displays a state map with county data on a \<county-selection\>\</county-selection> element. Currently state data is limited to "AL" and "AK".

35 lines (28 loc) 922 B
# county-selection This package contains a CountySelectionComponent class that displays a state map with county data on a \<county-selection\>\</county-selection> element. Currently state data is limited to "AL" and "AK". ## Input Properties - selectedState: string ("AL", "AK") - unselectedColor: string ("#FFF") - selectedColor: string - hoverColor: string - backgroundColor: string - width: int (500) - height: int - padding: int (60) ## Output Events - countySelect: EventEmitter\<string> - countyHover: EventEmitter\<string> ## Example Use ```html <county-selection [selectedState]="'AK'" [unselectedColor]="'#000'" [hoverColor]="'#AAA'" [selectedColor]="'#FFF'" [backgroundColor]="'#ADF'" [width]="800" [height]="1200" (countyHover)="onCountyHover($event)" (countySelect)="onCountySelect($event)"> </county-selection> ```