Watermark
Text watermark overlay for maps with configurable position and styling.
Installation
First, make sure you have the base map component installed:
npx shadcn@latest add https://www.terrae.dev/map.jsonThen install the watermark component:
npx shadcn@latest add https://www.terrae.dev/watermark.jsonPosition
Use the position prop to place the watermark at any edge or corner. Defaults to center.
Custom Styling
Override the default appearance with the className prop to control font size, weight, color, and opacity.
Properties
| Prop | Type | Description |
|---|---|---|
children | ReactNode | The watermark content to display. |
position | "center" | "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | Where to place the watermark on the map. |
className | string | Custom CSS classes for font size, weight, color, and opacity. |