react-square-cards
Sqaure card layout system for React.js
Last updated 3 years ago by wonilsuh .
ISC · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install react-square-cards 
SYNC missed versions from official npm registry.

react-square-cards

Introduction

An easy to use square card layout components for React.

Installation

$ install --save-dev react-square-cards

Usage

Here is a simple example.

"use strict";
import React from 'react';
import ReactSquareCards from 'react-square-cards';

// Let's use lorem ipsum text to generate content for many cards
const cardContents = ("Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.").split(' ');

const MainView = (props) => (
	<ReactSquareCards.Wrap>
		{cardContents.map( (entry, i) => (
			<ReactSquareCards.Card key={`card-${i}`}>{entry}</ReactSquareCards.Card>
		))}
	</ReactSquareCards.Wrap>
);

export default MainView;

Example

Take a look at this page for an example: http://wonilsuh.com/npm/react-square-cards/example-react/

Current Tags

  • 1.0.14                                ...           latest (3 years ago)

15 Versions

  • 1.0.14                                ...           3 years ago
  • 1.0.13                                ...           3 years ago
  • 1.0.12                                ...           3 years ago
  • 1.0.11                                ...           3 years ago
  • 1.0.10                                ...           3 years ago
  • 1.0.9                                ...           3 years ago
  • 1.0.8                                ...           3 years ago
  • 1.0.7                                ...           3 years ago
  • 1.0.6                                ...           3 years ago
  • 1.0.5                                ...           3 years ago
  • 1.0.4                                ...           3 years ago
  • 1.0.3                                ...           3 years ago
  • 1.0.2                                ...           3 years ago
  • 1.0.1                                ...           3 years ago
  • 1.0.0                                ...           3 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (28)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |