“Article Card” Component

Design: zeplin.

The article card features the hero image of the UX Daily article, with the article title laid over the image. The hero image is cropped and centered to fit the card’s size.

Small Card

Small Card take full width in small screen, 4 columns in medium screen and 3 in large screen. Title is in kilo type font.

How We Use Long-Term Memory and How it Informs Us Who We Are

The sensory, short-term, and long-term components of memory come from the well-established multi-store model of memory,

241 shares
1 mth ago

What is Sensory Memory and How Does it Work?

Sensory memory isn’t a “true” type of memory because it doesn’t involve the hippocampus, which is the part of the brain

251 shares
1 mth ago

What Types of Memory do we Have?

The focus of this lesson will be on how human memory is organized, along with a brief look at how it works. Our main goa

290 shares
1 mth ago

How to use Sensation and Perception when we design

Although the terms sensation and perception are often used interchangeably, they have quite specific meanings. Sensation

248 shares
2 mths ago

Large Card

Large Card take full width in small screen, 8 columns in medium screen and 6 in large screen. Title is in mega type font.

How We Use Long-Term Memory and How it Informs Us Who We Are

The sensory, short-term, and long-term components of memory come from the well-established multi-store model of memory,

241 shares
1 mth ago

Usage

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

Props

article (required)

App\Modules\Publication\Models\Article

Article instance to display.
large

bool

Becomes large card if true is passed.

Default Value: false