zepio/app/components/transaction-item.mdx

43 lines
800 B
Plaintext

---
name: Transaction Item
---
import { Playground, PropsTable } from 'docz'
import { TransactionItemComponent } from './transaction-item.js'
import { DoczWrapper } from '../theme.js'
# Transaction Item
<PropsTable of={TransactionItemComponent} />
## Sent
<Playground>
<DoczWrapper>
{() => (
<TransactionItemComponent
type="sent"
address="123456789123456789123456789123456789"
amount={0.8652}
date={new Date().toISOString()}
/>
)}
</DoczWrapper>
</Playground>
## Received
<Playground>
<DoczWrapper>
{() => (
<TransactionItemComponent
type="received"
address="123456789123456789123456789123456789"
amount={1.7891}
date={new Date().toISOString()}
/>
)}
</DoczWrapper>
</Playground>