From df7b736f5d7234d620926269e134fd4f94da5d67 Mon Sep 17 00:00:00 2001
From: Alina Beck <alina.beck@mail.com>
Date: Wed, 14 Aug 2019 15:29:48 +0100
Subject: [PATCH] add validator function for grid gap

---
 src/system/components/layout/Grid/Grid.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/system/components/layout/Grid/Grid.vue b/src/system/components/layout/Grid/Grid.vue
index e13fa8f59..6f2cc0c08 100644
--- a/src/system/components/layout/Grid/Grid.vue
+++ b/src/system/components/layout/Grid/Grid.vue
@@ -21,10 +21,14 @@ export default {
   props: {
     /**
      * The vertical and horizontal gap between grid items
+     * @options xxx-small|xx-small|x-small|small|base|large|x-large|xx-large|xxx-large
      */
     gap: {
       type: String,
       default: 'small',
+      validator: value => (
+        value.match(/(xxx-small|xx-small|x-small|small|base|large|x-large|xx-large|xxx-large)/)
+      )
     },
     /**
      * The minimum width of each column