MDB accordion colors not working


Topic: MDB accordion colors not working

GuillaumeDgr pro 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 pro 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


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Open

Specification of the issue
  • User: Pro
  • 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