mirror of
https://github.com/feathericons/feather.git
synced 2023-08-10 21:13:24 +03:00
Create IconGrid component
This commit is contained in:
parent
6ebc2a095b
commit
dbb4c1c80c
@ -1,16 +1,16 @@
|
||||
<template>
|
||||
<div>
|
||||
<icon-container v-for="icon in icons" :name="icon"></icon-container>
|
||||
<icon-grid :icons="icons"></icon-grid>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {mapState} from 'vuex';
|
||||
import IconContainer from './IconContainer';
|
||||
import IconGrid from './IconGrid';
|
||||
|
||||
export default {
|
||||
name: 'App',
|
||||
components: {IconContainer},
|
||||
components: {IconGrid},
|
||||
computed: mapState(['icons'])
|
||||
}
|
||||
</script>
|
||||
|
20
src/IconGrid.vue
Normal file
20
src/IconGrid.vue
Normal 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>
|
Loading…
Reference in New Issue
Block a user