React components

Google Developer Profile badges

Properties

• className: custome style
• itemClassName: custome style for each badget item
• limit: Limit the badget can view
• viewStyle: card|icon|title, default viewStyle is card

import GGBadgets from 'archivement-collection'
...
<GGBadgets className='gg-wrapper' limit={5}/>

Microsoft learn path badges, trophies

Properties

• className: custome style
• itemClassName: custome style for each badget item
• limit: Limit the badget can view
• viewStyle: card|icon|title, default viewStyle is card
• type: both|badget|trophy, default type is both

import MicrosoftMedal from 'archivement-collection'
...
<MicrosoftMedal className='microsoft-wrapper' limit={5} type='badget' />

Credly Certificate Badgets

Properties

• className: custome style
• itemClassName: custome style for each badget item
• limit: Limit the badget can view
• viewStyle: card|icon|title, default viewStyle is card

import CredlyCert from 'archivement-collection'
...
<CredlyCert className='credly-cert-wrapper' limit={5} />