Skip to content

Commit 4fade78

Browse files
ShGKmebackportbot[bot]
authored andcommitted
chore(NcActions): use design-recommended icons in docs
Signed-off-by: Grigorii K. Shartsev <me@shgk.me> [skip ci]
1 parent 54aa341 commit 4fade78

2 files changed

Lines changed: 55 additions & 55 deletions

File tree

src/components/NcActionButton/NcActionButton.vue

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,13 @@ This component is made to be used inside of the [NcActions](#NcActions) componen
1111
<NcActions>
1212
<NcActionButton @click="showMessage('Delete')">
1313
<template #icon>
14-
<IconDeleteOutline :size="20" />
14+
<IconTrashCanOutline :size="20" />
1515
</template>
1616
Delete
1717
</NcActionButton>
1818
<NcActionButton :close-after-click="true" @click="showMessage('Delete and close menu')">
1919
<template #icon>
20-
<IconDeleteOutline :size="20" />
20+
<IconTrashCanOutline :size="20" />
2121
</template>
2222
Delete and close
2323
</NcActionButton>
@@ -29,19 +29,19 @@ This component is made to be used inside of the [NcActions](#NcActions) componen
2929
</NcActionButton>
3030
<NcActionButton :disabled="true" @click="showMessage('Disabled')">
3131
<template #icon>
32-
<IconDeleteOutline :size="20" />
32+
<IconTrashCanOutline :size="20" />
3333
</template>
3434
Disabled button
3535
</NcActionButton>
3636
</NcActions>
3737
</template>
3838
<script>
39-
import IconDeleteOutline from 'vue-material-design-icons/DeleteOutline.vue'
39+
import IconTrashCanOutline from 'vue-material-design-icons/TrashCanOutline.vue'
4040
import IconPlus from 'vue-material-design-icons/Plus.vue'
4141

4242
export default {
4343
components: {
44-
IconDeleteOutline,
44+
IconTrashCanOutline,
4545
IconPlus,
4646
},
4747
methods: {
@@ -68,7 +68,7 @@ For the same purpose, but in a more compact way, `description` prop can be used.
6868
</NcActionButton>
6969
<NcActionButton name="Long button" @click="showMessage('Delete')">
7070
<template #icon>
71-
<IconDeleteOutline :size="20" />
71+
<IconTrashCanOutline :size="20" />
7272
</template>
7373
This button is associated with a very long text.\nAnd with new lines too.
7474
</NcActionButton>
@@ -81,13 +81,13 @@ For the same purpose, but in a more compact way, `description` prop can be used.
8181
</NcActions>
8282
</template>
8383
<script>
84-
import IconDeleteOutline from 'vue-material-design-icons/DeleteOutline.vue'
84+
import IconTrashCanOutline from 'vue-material-design-icons/TrashCanOutline.vue'
8585
import IconPencilOutline from 'vue-material-design-icons/PencilOutline.vue'
8686
import IconPlus from 'vue-material-design-icons/Plus.vue'
8787

8888
export default {
8989
components: {
90-
IconDeleteOutline,
90+
IconTrashCanOutline,
9191
IconPencilOutline,
9292
IconPlus,
9393
},

0 commit comments

Comments
 (0)