Skip to main content

Article Card

Article 1
Some description.
Article 2
Some description.

Overview

This component is an article link meant for introduction pages.

Details

CriteriaComponent Meets Criteria
Has hover stylesYes
Has light and dark modeYes
Has brand themingYes

Component Props

Prop NameTypeDescription
titlestringTitle text.
descriptionstringDescription text.
linkstringA a relative URL to another article.

Example Code

import ArticleCard from '@site/src/elements/ArticleCard';

<div style={{display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center'}}>
<ArticleCard title={'Article 1'} description={'Some description.'} link={'./'}/>
<ArticleCard title={'Article 2'} description={'Some description.'} link={'./'}/>
</div>