+
+
+
+
+
+ In this slot you can put both text and other components such as icons
+
+
+ 7
+
+
+
+ Button one
+
+
+ Button two
+
+
+ Button three
+
+
+
+
+
+
+
+
+ In this slot you can put both text and other components such as icons
+
+
+ 7
+
+
+
+ Button one
+
+
+ Button two
+
+
+ Button three
+
+
+
+
+
+
+
+
+ In this slot you can put both text and other components such as icons
+
+
+ 7
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/ListItem/index.js b/src/components/ListItem/index.js
new file mode 100644
index 0000000000..e95f5af470
--- /dev/null
+++ b/src/components/ListItem/index.js
@@ -0,0 +1,25 @@
+/**
+ * @copyright Copyright (c) 2021 Marco Ambrosini
+ *
+ * @author Marco Ambrosini
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see .
+ *
+ */
+
+import ListItem from './ListItem'
+
+export default ListItem
diff --git a/src/components/index.js b/src/components/index.js
index 711051cb49..e544ff8f38 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -63,6 +63,7 @@ import PopoverMenu from './PopoverMenu'
import RichContenteditable from './RichContenteditable'
import SettingsSection from './SettingsSection'
import UserBubble from './UserBubble'
+import ListItem from './ListItem'
export {
ActionButton,
@@ -98,6 +99,7 @@ export {
Content,
DatetimePicker,
EmptyContent,
+ ListItem,
ListItemIcon,
Modal,
Multiselect,
diff --git a/styleguide.config.js b/styleguide.config.js
index 1e3ca7cdc7..47189bfa74 100644
--- a/styleguide.config.js
+++ b/styleguide.config.js
@@ -1,6 +1,6 @@
-const path = require('path');
-const { merge } = require('webpack-merge');
-const webpackConfig = require('./webpack.dev.js');
+const path = require('path')
+const { merge } = require('webpack-merge')
+const webpackConfig = require('./webpack.dev.js')
const newConfig = Object.assign({}, webpackConfig, {
externals: {},
@@ -118,6 +118,13 @@ module.exports = {
'src/components/MultiselectTags/MultiselectTags.vue',
],
},
+ {
+ name: 'List items',
+ components: [
+ 'src/components/ListItem/ListItem.vue',
+ 'src/components/ListItemIcon/ListItemIcon.vue',
+ ],
+ },
],
},
],