This card is a responsive design (mobile first) that includes width of 300px and 500px
Width of 500px | Width of 300px |
---|---|
yarn add jancard_react_component_library
import JanCard from 'jancard_react_component_library'
const Example = () => {
return (
<JanCard
image=""
icon=""
title=""
description=[]
subtext=""
sociallink=""
iconlink="">
Content in here shall be added to the top of the card
</JanCard>
)
}
Prop | Type | Default | Example |
---|---|---|---|
image | string | optional | "https://picsum.photos/id/1021/367/267" |
icon | string | optional | "https://picsum.photos/id/1021/367/267" |
title | string | optional | "Best Card Ever" |
description | array | optional | ['Content and Coffee - ', #AEM/CQ5, 'Content'] |
subtext | string | optional | "Best Card Ever" |
sociallink | string | optional | "https://twitter.com/follow" |
iconlink | string | optional | "https://github.com/jannnnnnnnnn" |
To use this library on Windows Internet Explore. please install react-app-polyfill
## License
MIT © [jannnnnnnnnn](https://github.com/jannnnnnnnnn)