“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 to Create Effective Journey Maps: Learnings from the IxDF Course
A low conversion rate (below 2%) usually means a website struggles to keep visitors interested. Journey mapping helps id
- 104 shares
- 2 days ago
Master Mobile Experiences: 5 Key Discoveries from the IxDF Course
Over 4.3 billion people use smartphones —the shift towards mobile is worldwide. Mobile user experience (UX) design, more
- 107 shares
- 3 days ago
Your Guide to Hamburger Menus
The hamburger menu, recognizable by its three horizontal lines, simplifies website navigation. Not every interface benef
- 244 shares
- 1 mth ago
How to Design with AI: 5 Insights from the IxDF Course
To design in a way that deeply connects with people requires creativity, efficiency and a fresh approach. ChatGPT's arri
- 272 shares
- 1 mth 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 Effective Journey Maps: Learnings from the IxDF Course
A low conversion rate (below 2%) usually means a website struggles to keep visitors interested. Journey mapping helps id
- 104 shares
- 2 days 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