mirror/feather
1
0
Fork 0
mirror of https://github.com/feathericons/feather.git synced 2023-08-10 21:13:24 +03:00
Code Issues Projects Releases Wiki Activity

Create IconGrid component

Browse Source
This commit is contained in:
Cole Bemis 2017-01-28 22:29:48 -08:00
parent 6ebc2a095b
commit dbb4c1c80c
2 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/App.vue
View File

@ -1,16 +1,16 @@
<template> <template>
<div> <div>
<icon-container v-for="icon in icons" :name="icon"></icon-container> <icon-grid :icons="icons"></icon-grid>
</div> </div>
</template> </template>
<script> <script>
import {mapState} from 'vuex'; import {mapState} from 'vuex';
import IconContainer from './IconContainer'; import IconGrid from './IconGrid';
export default { export default {
name: 'App', name: 'App',
components: {IconContainer}, components: {IconGrid},
computed: mapState(['icons']) computed: mapState(['icons'])
} }
</script> </script>

20
src/IconGrid.vue Normal file
View File

@ -0,0 +1,20 @@
<template>
<div>
<icon-container v-for="icon in icons" :name="icon"></icon-container>
</div>
</template>
<script>
import IconContainer from './IconContainer';
export default {
name: 'IconGrid',
components: {IconContainer},
props: {
icons: {
type: Array,
required: true
}
}
}
</script>