MDB accordion colors not working

Topic: MDB accordion colors not working

GuillaumeDgr premium asked 3 years ago

Expected behavior Customize panes and accordion colors.

Actual behavior Not working.

Resources (screenshots, code snippets etc.)

    <mdb-accordion material color="danger" class="mx-0 mt-4">
        <mdb-accordion-pane
          v-for="(pane, index) in panes"
          :key="pane.id"
          type="table"
          color="danger"
          :title="pane.title"
          :is-open="openPaneNum == index"
          @pane-clicked="handlePaneOpened(index)"
        >
          <p class="text-secondary p-3">
            <small>{{ pane.content }}</small>
          </p>
        </mdb-accordion-pane>
      </mdb-accordion>

enter image description here

Mikołaj Smoleński staff commented 3 years ago

The color property was prepared for shade mode. Here's an example of color customization of our Accordion: https://mdbootstrap.com/snippets/vue/mikolaj-smolenski/3023081

Keep coding, Mikołaj from MDB

GuillaumeDgr premium commented 3 years ago

Thanks a lot ! How to change the h5 default titles from accordion ? thks

Mikołaj Smoleński staff commented 3 years ago

The default h5 can't be change. It can only be styled as shown in the snippet.

Keep coding, Mikołaj from MDB

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

ForumUser: Premium
Premium support: Yes
Technology: MDB Vue
MDB Version: 6.7.2
Device: Mac book pro
Browser: Firefox developers
OS: MacOs
Provided sample code: No
Provided link: No

GuillaumeDgr

Premium support 205Support score
30Questions 6Answers 0Snippets