MapFeature

Renders one interactive map feature path

Use it with normalized feature data exposed by MapFeatures

Props

Parameter	Type	Default	Description
d?	string	—	SVG path data
styles?	InteractionProps['styles']	—	Interaction-state styles, see styling guide

Use native SVG path attrs like fill, stroke, role, and aria-label directly on MapFeature

Usage

<MapFeatures :data="mapData" #default="{ features }">
  <MapFeature
    v-for="feature in features"
    :key="feature.key"
    :d="feature.d"
    fill="darkorange"
  />
</MapFeatures>