diff --git a/src/AppMenu.vue b/src/AppMenu.vue index ef0cb0bbd..5f7b75b56 100644 --- a/src/AppMenu.vue +++ b/src/AppMenu.vue @@ -12,6 +12,7 @@ ● InputText ● Listbox ● RadioButton + ● SelectButton ● Textarea ● ToggleButton diff --git a/src/components/listbox/ListBox.vue b/src/components/listbox/ListBox.vue index 4f5672eba..12d400eeb 100644 --- a/src/components/listbox/ListBox.vue +++ b/src/components/listbox/ListBox.vue @@ -29,7 +29,7 @@ export default { options: Array, disabled: Boolean, dataKey: null, - listStyle: name, + listStyle: null, multiple: Boolean, metaKeySelection: Boolean, filter: Boolean, diff --git a/src/components/selectbutton/SelectButton.vue b/src/components/selectbutton/SelectButton.vue new file mode 100644 index 000000000..1a7c1735d --- /dev/null +++ b/src/components/selectbutton/SelectButton.vue @@ -0,0 +1,82 @@ + + + \ No newline at end of file diff --git a/src/main.js b/src/main.js index 7d7d55594..92a975b66 100644 --- a/src/main.js +++ b/src/main.js @@ -10,6 +10,7 @@ import Fieldset from './components/fieldset/Fieldset'; import Listbox from './components/listbox/Listbox'; import Panel from './components/panel/Panel'; import RadioButton from './components/radiobutton/RadioButton'; +import SelectButton from './components/selectbutton/SelectButton'; import Textarea from './components/textarea/Textarea'; import Toolbar from './components/toolbar/Toolbar'; import TabView from './components/tabview/TabView'; @@ -31,6 +32,7 @@ Vue.component('p-listbox', Listbox); Vue.component('p-fieldset', Fieldset); Vue.component('p-panel', Panel); Vue.component('p-radioButton', RadioButton); +Vue.component('p-selectButton', SelectButton); Vue.component('p-tabView', TabView); Vue.component('p-tabPanel', TabPanel); Vue.component('p-textarea', Textarea); diff --git a/src/router.js b/src/router.js index 9b35e1c48..5cb0a486a 100644 --- a/src/router.js +++ b/src/router.js @@ -56,6 +56,11 @@ export default new Router({ name: 'radiobutton', component: () => import('./views/radiobutton/RadioButtonDemo.vue') }, + { + path: '/selectbutton', + name: 'selectbutton', + component: () => import('./views/selectbutton/SelectButtonDemo.vue') + }, { path: '/textarea', name: 'textarea', diff --git a/src/views/selectbutton/SelectButtonDemo.vue b/src/views/selectbutton/SelectButtonDemo.vue new file mode 100644 index 000000000..8ce5f5451 --- /dev/null +++ b/src/views/selectbutton/SelectButtonDemo.vue @@ -0,0 +1,60 @@ + + + + +