Accordion header add class

UI Components for Vue
Post Reply
maydinbil
Posts: 32
Joined: 15 Jan 2015, 17:51
Location: Bursa,Turkiye

29 Feb 2020, 08:28

Can I add accordion tab header class dynamically
ex:
<Accordion :multiple="true" :>
<AccordionTab class="durum>350 ? 's350':'s351' " >
<template slot="header" >
<i class="pi pi-user"></i>
<span>Dynamically</span>
</template>
<p>The Godfather Part III is set in 1979 and 1980. Michael has moved back to New York and
taken great strides to remove the family from crime. He turns over his New York criminal
interests to longtime enforcer Joey Zasa. He uses his wealth in an attempt to
rehabilitate his reputation through numerous philanthropic acts, administered by a
foundation named after his father.
A decade earlier, he gave custody of his two children to Kay, who has since
remarried.</p>
</AccordionTab>
</Accordion>

<style>
.s350.p-accordion-header a {
background-color: #41b883 !important;
}
.s351 .p-accordion-header a {
background-color: orange !important;
}
</style>

cagatay.civici
Prime
Posts: 18263
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

17 Mar 2020, 14:05

Try;

<AccordionTab :class="durum>350 ? 's350':'s351' " >

Post Reply

Return to “PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 30 guests