2018-12-12 13:14:58 -08:00
|
|
|
---
|
|
|
|
name: Transaction Item
|
|
|
|
---
|
|
|
|
|
|
|
|
import { Playground, PropsTable } from 'docz'
|
|
|
|
|
|
|
|
import { TransactionItemComponent } from './transaction-item.js'
|
|
|
|
import { DoczWrapper } from '../theme.js'
|
|
|
|
|
|
|
|
# Transaction Item
|
|
|
|
|
2018-12-17 19:33:25 -08:00
|
|
|
## Properties
|
|
|
|
|
2018-12-12 13:14:58 -08:00
|
|
|
<PropsTable of={TransactionItemComponent} />
|
|
|
|
|
|
|
|
## Sent
|
|
|
|
|
|
|
|
<Playground>
|
|
|
|
<DoczWrapper>
|
|
|
|
{() => (
|
|
|
|
<TransactionItemComponent
|
2018-12-17 19:33:25 -08:00
|
|
|
type='sent'
|
|
|
|
address='123456789123456789123456789123456789'
|
2018-12-12 13:14:58 -08:00
|
|
|
amount={0.8652}
|
|
|
|
date={new Date().toISOString()}
|
|
|
|
/>
|
|
|
|
)}
|
|
|
|
</DoczWrapper>
|
|
|
|
</Playground>
|
|
|
|
|
|
|
|
## Received
|
|
|
|
|
|
|
|
<Playground>
|
|
|
|
<DoczWrapper>
|
|
|
|
{() => (
|
|
|
|
<TransactionItemComponent
|
2018-12-17 19:33:25 -08:00
|
|
|
type='received'
|
|
|
|
address='123456789123456789123456789123456789'
|
2018-12-12 13:14:58 -08:00
|
|
|
amount={1.7891}
|
|
|
|
date={new Date().toISOString()}
|
|
|
|
/>
|
|
|
|
)}
|
|
|
|
</DoczWrapper>
|
|
|
|
</Playground>
|