vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Customized icons for accordion template demo

pull/5216/head
Cagatay Civici 2024-02-05 01:42:09 +03:00
parent 3ca7807f65
commit 3837358e97
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
doc/accordion/TemplateDoc.vue
View File

@ -3,7 +3,7 @@
<p>Title section of a tab is customized with the <i>header</i> slot.</p> <p>Title section of a tab is customized with the <i>header</i> slot.</p>
</DocSectionText> </DocSectionText>
<div class="card"> <div class="card">
<Accordion :activeIndex="0"> <Accordion :activeIndex="0" expandIcon="pi pi-plus" collapseIcon="pi pi-minus">
<AccordionTab> <AccordionTab>
<template #header> <template #header>
<span class="flex align-items-center gap-2 w-full"> <span class="flex align-items-center gap-2 w-full">
@ -54,7 +54,7 @@ export default {
return { return {
code: { code: {
basic: ` basic: `
<Accordion :activeIndex="0"> <Accordion :activeIndex="0" expandIcon="pi pi-plus" collapseIcon="pi pi-minus">
<AccordionTab> <AccordionTab>
<template #header> <template #header>
<span class="flex align-items-center gap-2 w-full"> <span class="flex align-items-center gap-2 w-full">
@ -99,7 +99,7 @@ export default {
options: ` options: `
<template> <template>
<div class="card"> <div class="card">
<Accordion :activeIndex="0"> <Accordion :activeIndex="0" expandIcon="pi pi-plus" collapseIcon="pi pi-minus">
<AccordionTab> <AccordionTab>
<template #header> <template #header>
<span class="flex align-items-center gap-2 w-full"> <span class="flex align-items-center gap-2 w-full">
@ -149,7 +149,7 @@ export default {
composition: ` composition: `
<template> <template>
<div class="card"> <div class="card">
<Accordion :activeIndex="0"> <Accordion :activeIndex="0" expandIcon="pi pi-plus" collapseIcon="pi pi-minus">
<AccordionTab> <AccordionTab>
<template #header> <template #header>
<span class="flex align-items-center gap-2 w-full"> <span class="flex align-items-center gap-2 w-full">