<Accordion title="Open me">
<div>
<DataTable alias="work_log" />
</div>
</Accordion>
<Grid cols="1">
<Alert title="Default Alert"> Contents goes here </Alert>
<Alert title="Info Alert" variant="info">
Contents goes here
</Alert>
<Alert title="Destructive Alert" variant="destructive">
Contents goes here
</Alert>
<Alert title="Warning Alert" variant="warning">
Contents goes here
</Alert>
</Grid>
<Grid cols="4">
<Panel>
<Metrics alias="sp500_average" column="average" label="S&P 500 Average" unit="USD" />
</Panel>
<Panel>
<div style={{ height: '100%', minHeight: '300px' }}>
<Embed alias="sales_vis" />
</div>
</Panel>
</Grid>
<Grid cols="4">
<Panel>
<Metrics alias="sp500_average" column="average" label="S&P 500 Average" unit="USD" />
</Panel>
<Panel>
<div style={{ height: '100%', minHeight: '300px' }}>
<Embed alias="sales_vis" />
</div>
</Panel>
</Grid>
<Tabs>
<Tab title="Tab 1">Content 1</Tab>
<Tab title="Tab 2">Content 2</Tab>
</Tabs>