Exposed pf-list-group-item

Author: mtorromeo

CHANGELOG.md

@@ -5,6 +5,7 @@ All notable changes to this project will be documented in this file.
 ### Added
 - Pass all attributes, listeners, classes and styles to the dom elements defined in all functional components.
 - Added style for labels with remove button.
+- Exposed `pf-list-group-item`.
 
 ### Changed
 - Styled thin scrollbars.

src/components/ListGroupItem.vue

@@ -1,5 +1,5 @@
 <template>
-<div class="list-group-item" :class="[stateClass]" :style="{cursor: expandable ? 'pointer' : 'inherit'}" @click="toggle">
+<div class="list-group-item" :class="[stateClass, {'list-view-pf-stacked': stacked}]" :style="{cursor: expandable ? 'pointer' : 'inherit'}" @click="toggle">
   <div v-if="expandable && $slots.expansion" class="list-view-pf-expand" :class="{active: expanded}">
     <pf-icon name="fa-angle-right" :class="{'fa-angle-down': expanded}"/>
   </div>
@@ -42,6 +42,7 @@ export default {
 
   props: {
     expandable: Boolean,
+    stacked: Boolean,
     index: {
       type: [String, Number],
     },

src/components/ListView.vue

@@ -8,7 +8,7 @@
       :index="i"
       :selectable="selectable"
       :expandable="expandable"
-      :class="{'list-view-pf-stacked': stacked}"
+      :stacked="stacked"
     >
       <slot :row="row" :index="i"/>
       <template slot="action" v-if="$slots.action || $scopedSlots.action">

src/components/index.js

@@ -29,6 +29,7 @@ import Select from './Select.vue';
 import Option from './Option.vue';
 import ListView from './ListView.vue';
 import ListItem from './ListItem.vue';
+import ListGroupItem from './ListGroupItem.vue';
 import ListItemAdditionalInfo from './ListItemAdditionalInfo.vue';
 import Modal from './Modal.vue';
 import Icon from './Icon';
@@ -66,6 +67,7 @@ export {
   Option,
   ListView,
   ListItem,
+  ListGroupItem,
   ListItemAdditionalInfo,
   Modal,
   Icon,