Skip to content

Commit

Permalink
Add dropdown-header component (#264)
Browse files Browse the repository at this point in the history
Add dropdown-header support #265
  • Loading branch information
tmorehouse authored and pi0 committed Apr 21, 2017
1 parent 5a5228b commit 69c1f26
Show file tree
Hide file tree
Showing 3 changed files with 20 additions and 1 deletion.
3 changes: 2 additions & 1 deletion docs/components/dropdown/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,10 @@
Simple usage:
```html
<b-dropdown text="Dropdown" variant="success" class="m-md-2">
<b-dropdown-header>This is a heading</b-dropdown-header>
<b-dropdown-item>Action</b-dropdown-item>
<b-dropdown-item>Another action</b-dropdown-item>
<b-dropdown-divider></b-dropdown-divider>
<b-dropdown-item>Something else here...</b-dropdown-item>
</b-dropdown>
```
```
16 changes: 16 additions & 0 deletions lib/components/dropdown-header.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
<template>
<component :is="tag" class="dropdown-header">
<slot></slot>
</component>
</template>

<script>
export default {
props: {
tag: {
type: String,
default: 'h6'
}
}
};
</script>
2 changes: 2 additions & 0 deletions lib/components/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ import bCollapse from './collapse.vue';
import bDropdown from './dropdown.vue';
import bDropdownItem from './dropdown-item.vue';
import bDropdownDivider from './dropdown-divider.vue';
import bDropdownHeader from './dropdown-header.vue';
import bDropdownSelect from './dropdown-select.vue';
import bForm from './form.vue';
import bFormFieldset from './form-fieldset.vue';
Expand Down Expand Up @@ -49,6 +50,7 @@ export {
bDropdown,
bDropdownItem,
bDropdownDivider,
bDropdownHeader,
bDropdownSelect,
bForm,
bFormCheckbox,
Expand Down

0 comments on commit 69c1f26

Please sign in to comment.