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
Markdown
# 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>
```