Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

article-card

v1.0.17arrow_drop_down
v1.0.17
v1.0.16
v1.0.15
v1.0.14
v1.0.13
v1.0.12
v1.0.11
v1.0.10
v1.0.9
v1.0.8
v1.0.7
v1.0.6
v1.0.5
v1.0.4
v1.0.0
STATUS
Passing
DOWNLOADS
485
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
5 months ago
SIZE
22 KB
subject
Article Card component
1 contributor
Use article-card in your project ?
Copied
npm i @bit/dennisdigital.components.molecules.article-card
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example
React
React
Vue
Angular
Add dependency... help_outline
Just
import
any of the 1 million components
and packages in Bit or NPM to the example.
import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
revert changes
reload
toggle layout
maximize
modifieddraft
chevron_left
chevron_right
ArticleCard ()

Article Card component

Properties
NameTypeDefault value
image
string''
author
string''
category
string''
date
string''
title
string''
excerpt
string''
layout
string'left'
rating
numberundefined
extraClassNames
{}{}
context
{}{}
Test Summary

should render without any props

Pass

should render with Image component

Pass

should render with no image props

Pass

should render with author props

Pass

should render with no author props

Pass

should render with category props

Pass

should render with no category props

Pass

should render with date props

Pass

should render with no date props

Pass

should render with title props

Pass

should render with no title props

Pass

should render with excerpt props

Pass

should render with no excerpt props

Pass

should render with layout props

Pass

should render with rating props

Pass

check extraClassNames props type

Pass

checks css_prefix when default

Pass