dcselek / dcs-profile-cards

dcselek's awesome profile card for react

dcs-profile-cards

Made with create-react-library

Install

npm install --save dcs-profile-cards

Usage

For Big Profile Cards:

import React, { Component } from 'react'

import { BigProfileCard } from 'dcs-profile-cards'
import 'dcs-profile-cards/dist/index.css'

class Example extends Component {
  render() {
    return (
        <BigProfileCard name='DCSELEK' id="41" mail="[e-mail]" other="Hi! 🖖" src={avatar} alt="avatar" purple />
        <BigProfileCard name='DCSELEK' id="41" other="Hi! 🖖" src={avatar} alt="avatar" yellow />
        <BigProfileCard name='DCSELEK' id="41" other="Hi! 🖖" src={avatar} alt="avatar" gray />
        <BigProfileCard name='DCSELEK' id="41" other="Hi! 🖖" src={avatar} alt="avatar" darkblue />
    )
  }
}

For Small Profile Cards:

import React, { Component } from 'react'

import { SmallProfileCard } from 'dcs-profile-cards'
import 'dcs-profile-cards/dist/index.css'

class Example extends Component {
  render() {
    return (
        <SmallProfileCard name='DCSELEK' id="41" other="Hi! 🖖" src={avatar} alt="avatar" angular purple />
        <SmallProfileCard name='DCSELEK' id="41" other="Hi! 🖖" src={avatar} alt="avatar" angular yellow />
        <SmallProfileCard name='DCSELEK' id="41" other="Hi! 🖖" src={avatar} alt="avatar" angular gray />
        <SmallProfileCard name='DCSELEK' id="41" other="Hi! 🖖" src={avatar} alt="avatar" angular darkblue />
    )
  }
}

License

MIT © dcselek