feat: add className option to popup

vinayakkulkarni · Sep 17, 2020 · bb9abf0 · bb9abf0
1 parent dd3635b
commit bb9abf0
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/docs/api/popup.md b/docs/api/popup.md
@@ -55,6 +55,12 @@
 - **Description:** A string representing the value for the maximum width. (ex: '400px')
 - **See:** `maxWidth` in [Popup](https://docs.mapbox.com/mapbox-gl-js/api/#popup#setmaxwidth)
 
+### `className`
+
+- **Type**: `String`
+- **Description:** Space-separated CSS class names to add to popup container
+- **See:** `className` in [Popup](https://docs.mapbox.com/mapbox-gl-js/api/markers/#popup#addclassname)
+
 ## Slots
 
 ### `default`

diff --git a/src/components/UI/Popup.vue b/src/components/UI/Popup.vue
@@ -35,6 +35,14 @@
     },
 
     props: {
+      /**
+       * Mapbox GL popup option.
+       * Space-separated CSS class names to add to popup container
+       */
+      className: {
+        type: String,
+        default: undefined,
+      },
       /**
        * If `true`, a close button will appear in the top right corner of the popup.
        * Mapbox GL popup option.