Q-Card footer



  • I have a q-card inside a q-dialog window, and I’m trying to work out how to make a footer inside the card. The card currently takes up all available space inside the dialog, but each q-card section has it’s own individual height. How can I stick the last q-card-section to the bottom of the card?

    <q-dialog full-height>
        <q-card>
            <q-card-section>
              <h6>Card Header</h6>
              <q-space />
              <q-btn icon="close" flat round dense v-close-popup />
            </q-card-section>
            <q-card-section> <!-- this should take up all available space. -->
              <h6>History</h6>
            </q-card-section>
            <q-card-section> <!-- this should stick to bottom of card. -->
              <h6>Card Footer</h6>
            </q-card-section>
        </q-card>
    </q-dialog>
    

    0d3ebcce-fcd3-4bf5-a71c-a33ad7ebe92d-image.png


Log in to reply