“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.
Use Feedback as Your Superpower: Learn, Improve, Shine
Feedback: the word alone can inspire apprehension. Yet, it’s the lifeblood of great design. Whether it’s subtle critique
- 177 shares
- 2 weeks ago
How to Find Your Voice: Speak with Confidence and Clarity
You’ve heard it before “It’s not what you said—it’s how you said it.” Your voice can change how people feel—even if your
- 162 shares
- 2 weeks ago
Avoid Death by PowerPoint: Structure Your Slides for Maximum Impact
Your message is ready, your delivery honed. Now, how do you put that brilliance on slides? Discover how to structure you
- 172 shares
- 2 weeks ago
Presentation Pitfalls and How You Avoid Them
You’ve worked hard on your ideas—don’t let simple messaging missteps keep them from landing. Make your brilliant ideas s
- 136 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.
Use Feedback as Your Superpower: Learn, Improve, Shine
Feedback: the word alone can inspire apprehension. Yet, it’s the lifeblood of great design. Whether it’s subtle critique
- 177 shares
- 2 weeks 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