@olenbetong/linked-card-list
List of cards linked by a vertical line.
Last updated 8 months ago by bjornarvh .
MIT · Original npm · Tarball · package.json
$ cnpm install @olenbetong/linked-card-list 
SYNC missed versions from official npm registry.

@olenbetong/spinner

React component for a list of cards (or other elements) connected by a vertical line.

Installation

NPM:

npm i @olenbetong/linked-card-list
import { Card, List, ListItem } from '@olenbetong/linked-card-list';

IIFE and ESM builds are available on unpkg.com. For IIFE, the components are available in the global ReactLinkedCardList variable, while the ESM build assumes React is available in the window object.

<script src="https://unpkg.com/@olenbetong/linked-card-list@latest/dist/iife/linked-card-list.min.js" type="text/javascript"></script>
<script type="text/javascript">
const { Card, List, ListItem } = ReactLinkedCardList;
</script>
<script type="module">
import { Card, List, ListItem } from "https://unpkg.com/@olenbetong/linked-card-list@latest/dist/module/linked-card-list.min.js";
</script>

Usage

List item can be given a label that will be shown to the left of the vertical line.

<List>
  <ListItem label="18.05.2019, 16:30">
    <Card>
      Card content
    </Card>
  </ListItem>
</List>

Current Tags

  • 1.0.5                                ...           latest (8 months ago)

8 Versions

  • 1.0.5                                ...           8 months ago
  • 1.0.4                                ...           a year ago
  • 1.0.3                                ...           a year ago
  • 1.0.2                                ...           a year ago
  • 1.0.1                                ...           a year ago
  • 1.0.0                                ...           a year ago
  • 1.0.0-alpha.2                                ...           a year ago
  • 1.0.0-alpha.1                                ...           a year ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (2)
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |