https://github.com/soaple/stickyboard-card-list

CardList component for StickyBoard
https://github.com/soaple/stickyboard-card-list

Last synced: 20 days ago
JSON representation

CardList component for StickyBoard

• Host: GitHub
• URL: https://github.com/soaple/stickyboard-card-list
• Owner: soaple
• License: mit
• Created: 2020-08-17T19:20:19.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-09-11T07:31:51.000Z (over 4 years ago)
• Last Synced: 2025-03-15T17:19:55.890Z (about 1 month ago)
• Language: JavaScript
• Size: 13.7 KB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# stickyboard-card-list

CardList component for StickyBoard

[![Version](https://img.shields.io/npm/v/@stickyboard/card-list.svg)](https://npmjs.org/package/@stickyboard/card-list)

[![Downloads/week](https://img.shields.io/npm/dw/@stickyboard/card-list.svg)](https://npmjs.org/package/@stickyboard/card-list)

[![License](https://img.shields.io/npm/l/@stickyboard/card-list.svg)](https://github.com/soaple/@stickyboard/card-list/blob/master/package.json)

# Webpack watch

```bsh

$ npm start

```

# Build

```bsh

$ npm run build

```

# Usage example

```javascript

import React from 'react';

import { CardList } from '@stickyboard/card-list';

const cardListData = [

    {

        title: "My first card",

        description: 'This is my first card item!',

        author: 'taenykim',

        date: new Date().toISOString(),

        comment: 1,

        heart: 1,

        view: 10,

        share: 3,

        badgeText: 'N',

        badgeColor: '#fb4444',

    },

    {

        title: "My second card",

        description: 'This is my second card item!',

        author: 'soaple',

        date: new Date().toISOString(),

        comment: 1,

        heart: 1,

        view: 10,

        share: 3,

        badgeText: 'N',

        badgeColor: '#fb4444',

    },

    ...

];

function SampleCardList(props) {

    return (

        

    );

}

```

# License

This project is licenced under the [MIT License](http://opensource.org/licenses/mit-license.html).