0.0.29 • Published 3 years ago
@cherry-pie/react v0.0.29
Official Cherry Pie Components for React
This is a component library for developers who want to demonstrate their Cherry Pie logs at their own React apps.
Installation
To install React package, simply add the high-level package, for example:
npm install --save @cherry-pie/react
yarn add @cherry-pie/react
Usage
Render props
import { Logs, LogsTable } from '@cherry-pie/react';
<Logs token={clientToken}>
{({ data, loadMore }) => (
<LogsTable
data={data}
onRowClick={handleRowClick}
onLoadMore={loadMore}
/>
)}
</Logs>
Hook
import { Logs, LogsTable, useLogs } from '@cherry-pie/react';
function App() {
const { data, loadMore, isFetching } = useLogs(clientToken);
return (
<div className="App">
{isFetching && <div>{'Loading...'}</div>}
{!isFetching && (
<div style={{ height: 300 }}>
<LogsTable data={data} onLoadMore={loadMore} />
</div>
)}
</div>
);
}
0.0.20
3 years ago
0.0.21
3 years ago
0.0.22
3 years ago
0.0.23
3 years ago
0.0.24
3 years ago
0.0.15
3 years ago
0.0.16
3 years ago
0.0.17
3 years ago
0.0.18
3 years ago
0.0.19
3 years ago
0.0.14
3 years ago
0.0.26
3 years ago
0.0.27
3 years ago
0.0.28
3 years ago
0.0.29
3 years ago
0.0.10
3 years ago
0.0.11
3 years ago
0.0.12
3 years ago
0.0.13
3 years ago
0.0.9
3 years ago
0.0.8
3 years ago
0.0.7
3 years ago
0.0.6
3 years ago
0.0.5
3 years ago
0.0.4
3 years ago
0.0.3
3 years ago
0.0.2
3 years ago