buttons documentation update (buefy#2564)

REInVent650 · May 31, 2020 · c184662 · c184662
1 parent 55dfb3b
commit c184662
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 0 deletions.
diff --git a/docs/pages/components/button/api/button.js b/docs/pages/components/button/api/button.js
@@ -46,6 +46,41 @@ export default [
                 values: '—',
                 default: '<code>false</code>'
             },
+            {
+                name: '<code>focused</code>',
+                description: 'Focused style',
+                type: 'Boolean',
+                values: '—',
+                default: '<code>false</code>'
+            },
+            {
+                name: '<code>inverted</code>',
+                description: 'Inverted style',
+                type: 'Boolean',
+                values: '—',
+                default: '<code>false</code>'
+            },
+            {
+                name: '<code>hovered</code>',
+                description: 'Hovered style',
+                type: 'Boolean',
+                values: '—',
+                default: '<code>false</code>'
+            },
+            {
+                name: '<code>active</code>',
+                description: 'Active style',
+                type: 'Boolean',
+                values: '—',
+                default: '<code>false</code>'
+            },
+            {
+                name: '<code>selected</code>',
+                description: 'Selected style',
+                type: 'Boolean',
+                values: '—',
+                default: '<code>false</code>'
+            },
             {
                 name: '<code>expanded</code>',
                 description: 'Button will be expanded (full-width)',

diff --git a/docs/pages/components/button/examples/ExTypesStates.vue b/docs/pages/components/button/examples/ExTypesStates.vue
@@ -14,9 +14,14 @@
         </div>
 
         <div class="buttons">
+            <b-button>Normal</b-button>
             <b-button disabled>Disabled</b-button>
             <b-button loading>Loading</b-button>
             <b-button rounded>Rounded</b-button>
+            <b-button focused>Focused</b-button>
+            <b-button hovered>Hovered</b-button>
+            <b-button selected>Selected</b-button>
+            <b-button active>Active</b-button>
         </div>
 
         <div class="buttons">