MapIndicator
Branded map pin marker for property and location maps.
Quick Preview
Sm28 x 37 px
Md40 x 53 px
Lg56 x 74 px
Usage
import { MapIndicator } from "@giddaa-housing/ui/map-indicator";
<MapIndicator size="md" />Examples
Sizes
Use the size variants to match the density and zoom level of the surrounding map UI.
Sm28 x 37 px
Md40 x 53 px
Lg56 x 74 px
Props
| Prop/API | Type | Default | Description |
|---|---|---|---|
size | `"sm" | "md" | "lg"` |
className | string | - | Local layout or styling overrides. |
| native SVG props | React SVG props | - | Passed through to the underlying SVG element. |
Accessibility
- Use the default
aria-labelwhen the marker communicates a visible location. - Set
aria-hidden="true"when the same location is already named in adjacent text.