@wedgekit/card

@wedgekit/card

Description

Cards provide a consistent way to visually group related content.

Installation

yarn add @wedgekit/card

Note: In order to use @wedgekit/card you must have installed react, react-dom and styled-components

Examples

Basic Example

import React from 'react';
import Card from '@wedgekit/card';

const Demo = () => <Card>Hello World</Card>;

React Component Child

import React from 'react';
import Card from '@wedgekit/card';

const Child = () => <div>Hello World</div>;

const Demo = () => (
  <Card>
    <Child />
  </Card>
);

Multiple Children

import React from 'react';
import Card from '@wedgekit/card';

const Child1 = () => <span>Hello </span>;

const Child2 = () => <span>World</span>;

const Demo = () => (
  <Card>
    <Child1 />
    <Child2 />
  </Card>
);

Further Reading

A detailed prop list and specialized use cases can be found in the DOCUMENTATION.