edge-components

Card: Center With Neutral Color 

<div class="card w-96 bg-neutral text-neutral-content">

    <div class="card-body items-center text-center">
        <h2 class="card-title">Cookies!</h2>
        <p>If a dog chews shoes whose shoes does he choose?</p>
        <div class="card-actions justify-end">

            <button class="btn btn-primary">
                Accept
            </button>

            <button class="btn">
                Deny
            </button>

        </div>
    </div>

</div>
 
@jrmc.card({ class: 'w-96 bg-neutral text-neutral-content' })
  @jrmc.card.body({ class: 'items-center text-center' })
    @!jrmc.card.title({ text: 'Cookies!' })
    <p>If a dog chews shoes whose shoes does he choose?</p>

    @jrmc.card.actions()
      @!jrmc.button({ text: 'Accept', class: 'btn-primary' })
      @!jrmc.button({ text: 'Deny' })
    @end
  @end
@end

Card

Doc : daisyui card

Cards are used to group and display content in a way that is easily readable.

Class name Type
card Component Container element
card-title Component Title of card
card-body Component Container for content
card-actions Component Container for buttons
card-bordered Modifier Adds border to
image-full Modifier The image in
element will be the background
card-normal Responsive Applies default paddings
card-compact Responsive Applies smaller paddings
card-side Responsive The image in
will be on to the side