diff --git a/src/components/ItemHeaderView/ItemHeaderView.stories.mdx b/src/components/ItemHeaderView/ItemHeaderView.stories.mdx index b6db2c3..733545c 100644 --- a/src/components/ItemHeaderView/ItemHeaderView.stories.mdx +++ b/src/components/ItemHeaderView/ItemHeaderView.stories.mdx @@ -1,16 +1,40 @@ -import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks'; -import ItemHeaderView from './ItemHeaderView'; +import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs/blocks'; +import { Paper } from "@material-ui/core"; +import ItemHeaderView from './ItemHeaderView'; -The ItemHeader displays item metadata for items of selected queues and allows for filtering by field and opening an item by clicking. Items are passed in as a required parameter. It is to be used with the [ItemTableAppBar](/?path=/docs/components-itemtableappbar--default-story). + -It is based on [react-table](https://react-table.tanstack.com/). - - +Renders a filterable table of Item headers and content. It is based on [react-table](https://react-table.tanstack.com/). - - {args => } + "}, + {"type": "Message-ID", "content": "<911CE050-3240-4980-91DD-9C3EBB8DBCF8@purdue.edu>"}, + {"type": "Subject", "content": "Beepboop"}, + {"type": "To", "content": "cesite@ecn.purdue.edu"}, + {"type": "Content-Type", "content": "text/plain; charset=\"utf-8\""}, + {"type": "X-ECN-Queue-Original-Path", "content": "/home/pier/e/queue/Attachments/inbox/2020-06-23/208-original.txt"}, + {"type": "X-ECN-Queue-Original-URL", "content": "https://engineering.purdue.edu/webqueue/Attachments/inbox/2020-06-23/208-original.txt"} + ] + }} + > + { args => } - \ No newline at end of file + + + \ No newline at end of file