“Article Card” Component
Design: https://zpl.io/brMNL1W.
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 to Create Design Personas: A Step-by-Step Guide for Beginners

Why do some designs feel intuitive while others feel frustrating? When you design without user research, you’re designin
- 205 shares
- 1 week ago
Why Personas Don’t Represent Every User

Personas give focus—they help you make decisions and design products and services that delight users. These decisions ty
- 236 shares
- 2 weeks ago
How Personas Shape Stronger Design Decisions

Why bother with personas? Why not "users"? Because the way you see someone shapes the way you design for them. We are ac
- 240 shares
- 2 weeks ago
How to Get Started with Affinity Diagrams

Affinity diagramming is almost too good to be true. Write on some sticky notes, arrange them, and…that’s it. But don’t l
- 228 shares
- 2 weeks 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 to Create Design Personas: A Step-by-Step Guide for Beginners

Why do some designs feel intuitive while others feel frustrating? When you design without user research, you’re designin
- 205 shares
- 1 week 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.
-
largebool
Becomes large card if true is passed.
Default Value:
false