@scripty/react-articles
v0.1.21
Published
lightweight react card component.
Downloads
12
Maintainers
Readme
@scripty/react-articles
Description
lightweight react card component.
Usage
npm install -s @scripty/react-articles
Client: Example.jsx
import React, { Fragment } from 'react';
import { Card } from '@src';
export const Example = () => {
const onClick = (e) => {
console.log(e);
}
return (
<Fragment>
<h2>Card</h2>
<Card
title={'Simple Card'}
width={300}
>
Simple Card Content
</Card>
<h2>Card with Actions</h2>
<Card
title={'Card with actions'}
width={300}
onEdit={onClick}
onClose={onClick}
>
Simple Card Content
</Card>
<h2>Card with custom actions</h2>
<Card
title={'Card with actions'}
width={300}
extra={'custom field'}
>
Simple Card Content
</Card>
<h2>Card with ok and cancel buttons</h2>
<Card
title={'Card with actions'}
width={300}
onEdit={onClick}
onClose={onClick}
onOk={onClick}
onCancel={onClick}
>
Simple Card Content
</Card>
</Fragment>
);
};