IxDF UI Kit

“Book Card” Component

Design: zeplin.

Book Chapter Card

The book chapter card is similar to the article card, except the image shown is of the book’s cover. At the bottom of the card, instead of the share count and time, the words “Book chapter” are shown. Book chapter card is also has 2 types, big and small.

Usage

@include('components.cards.bookChapter', ['chapter' => $bookChapter])
@include('components.cards.bookChapter', ['chapter' => $bookChapter, 'large' => true])

Props

  • chapter (required)
    App\Modules\Publication\Models\BookChapter

    BookChapter instance to display.

  • large
    bool

    Becomes large card if true is passed.

    Default Value: false

Book Card

Book cards are similar to book chapter cards, but they represent the entire book as opposed to a single chapter. Book cards only have one size on all viewports.

Usage

@include('components.cards.book', ['book' => $book])

Props

  • book (required)
    App\Modules\Publication\Models\Book

    Book instance to display.