diff --git a/src/main/js/apps/sample/app.json b/src/main/js/apps/sample/app.json
index 474a5c0..b3284e7 100644
--- a/src/main/js/apps/sample/app.json
+++ b/src/main/js/apps/sample/app.json
@@ -50,14 +50,20 @@
                 "targetAttribute": "STADTBEZIR",
                 "attributeValueRelation": "=",
                 "attributeValues": [
-                            "Kalk",
-                            "Lindenthal",
-                            "Innenstadt",
-                            "Rodenkirchen",
-                            "Mülheim",
-                            "Nippes",
-                            "Porz"],
-                "mode": "button",
+                    {"label" : "Kalk(Label)",
+                     "value" : "Kalk"},
+                    {"label" : "Lindenthal(Label)",
+                     "value" : "Lindenthal"},
+                    {"label" : "Innenstadt(Label)",
+                     "value" : "Innenstadt"},
+                    {"label" : "Rodenkirchen(Label)",
+                     "value" : "Rodenkirchen"},
+                    {"label" : "Mülheim(Label)",
+                     "value" : "Mülheim"},
+                    {"label" : "Nippes(Label)",
+                     "value" : "Nippes"},
+                    {"value" : "Porz"}],
+                "mode": "radio",
                 "applyToGroupContents": true,
                 "applyDefinitionExpressionOnWidgetOpen": true,
                 "removeDefinitionExpressionOnWidgetClose": true
diff --git a/src/main/js/bundles/dn_attributeselector/README.md b/src/main/js/bundles/dn_attributeselector/README.md
index 2096dcf..a9527de 100644
--- a/src/main/js/bundles/dn_attributeselector/README.md
+++ b/src/main/js/bundles/dn_attributeselector/README.md
@@ -19,7 +19,12 @@ The `dn_attributeselector` bundle provides an interactive slider widget for filt
             "attributeValueRelation": ">=",
             "applyDefinitionExpressionOnWidgetOpen": true,
             "removeDefinitionExpressionOnWidgetClose": true,
-            "attributeValues": [],
+            "attributeValues": [
+                    {
+                     "label" : "Label 1",
+                     "value" : "1"
+                     },
+                    {"value" : "2",}],
             "mode": ""
 
         }
@@ -35,7 +40,7 @@ The `dn_attributeselector` bundle provides an interactive slider widget for filt
 | attributeValueRelation                    | string   | "=", "<", ">", "<=", ">=", "!=" | ">="     | The comparison operator for the filter                       |
 | applyDefinitionExpressionOnWidgetOpen     | boolean  | true, false                     | true     | Whether to apply the filter when the widget is opened        |
 | removeDefinitionExpressionOnWidgetClose   | boolean  | true, false                     | true     | Whether to remove the filter when the widget is closed       |
-| attributeValues                           | string[] | Any attribute values            | []       | List of attribute values to appear in selector                 |
+| attributeValues                           | object[] | Any attribute values            | []       | List of attribute values and optional labels to appear in selector                 |
 | mode           | string   | "checkbox", "button", "radio"                              | "checkbox"     | Selector mode                                  |
 
 ### Additional Considerations
diff --git a/src/main/js/bundles/dn_attributeselector/template/AttributeSelectorWidget.ts.vue b/src/main/js/bundles/dn_attributeselector/template/AttributeSelectorWidget.ts.vue
index 53c1c4b..fa86cf3 100644
--- a/src/main/js/bundles/dn_attributeselector/template/AttributeSelectorWidget.ts.vue
+++ b/src/main/js/bundles/dn_attributeselector/template/AttributeSelectorWidget.ts.vue
@@ -32,9 +32,9 @@
                     :key="index"
                 >
                     <v-radio
-                        :label="field"
-                        :aria-label="field"
-                        :value="field"
+                        :label="(field.label ? field.label : field.value)"
+                        :aria-label="(field.label ? field.label : field.value)"
+                        :value="field.value"
                     />
                 </v-flex>
             </v-radio-group>
@@ -45,8 +45,8 @@
                     v-for="(field, index) in attributeValues"
                     :key="index"
                 >
-                    <v-btn :value="field">
-                        {{ field }}
+                    <v-btn :value="field.value">
+                        {{ (field.label ? field.label : field.value) }}
                     </v-btn>
                 </v-flex>
             </v-btn-toggle>
@@ -61,8 +61,8 @@
             >
                 <v-checkbox
                     v-model="checkboxes"
-                    :value="field"
-                    :label="field"
+                    :value="field.value"
+                    :label="(field.label ? field.label : field.value)"
                 />
             </v-flex>
         </div>