Where is the source code of the DataTable with OverflowMenu storybook?

[nigellima]

Hello, everyone.

I'm trying to find the source code of the storybook for this example here

https://react.carbondesignsystem.com/?path=/story/components-datatable--with-overflow-menu

In the story tab it is displaying the code for the DataTableSkeleton and I cant find it among the story files in the DataTable package source code. Can someone point me where this is coming from? Thanks

[tay1orjones]

Hey @nigellima, sorry for the confusion. I think it's this one?

carbon/packages/react/src/components/DataTable/DataTable-story.js

Lines 160 to 195 in 8ce0b4c

	export const WithOverflowMenu = () => (
	<DataTable rows={rows} headers={headers} {...props()}>
	{({ rows, headers, getHeaderProps, getRowProps, getTableProps }) => (
	<TableContainer title="DataTable" description="With overflow menu">
	<Table {...getTableProps()}>
	<TableHead>
	<TableRow>
	{headers.map((header) => (
	<TableHeader key={header.key} {...getHeaderProps({ header })}>
	{header.header}
	</TableHeader>
	))}
	<TableHeader />
	</TableRow>
	</TableHead>
	<TableBody>
	{rows.map((row) => (
	<TableRow key={row.id} {...getRowProps({ row })}>
	{row.cells.map((cell) => (
	<TableCell key={cell.id}>{cell.value}</TableCell>
	))}
	<TableCell className="bx--table-column-menu">
	<OverflowMenu size="sm" light flipped>
	<OverflowMenuItem>Action 1</OverflowMenuItem>
	<OverflowMenuItem>Action 2</OverflowMenuItem>
	<OverflowMenuItem>Action 3</OverflowMenuItem>
	</OverflowMenu>
	</TableCell>
	</TableRow>
	))}
	</TableBody>
	</Table>
	</TableContainer>
	)}
	</DataTable>
	);

[nigellima]

That's the one. Thank you very much