mirror of
https://github.com/coder/coder.git
synced 2026-09-24 15:04:27 +08:00
chore(site): add TableToolbar stories (#12473)
Related to https://github.com/coder/coder/issues/12263
This commit is contained in:
@@ -0,0 +1,29 @@
|
|||||||
|
import type { Meta, StoryObj } from "@storybook/react";
|
||||||
|
import { PaginationStatus, TableToolbar } from "./TableToolbar";
|
||||||
|
|
||||||
|
const meta: Meta<typeof TableToolbar> = {
|
||||||
|
title: "components/TableToolbar",
|
||||||
|
component: TableToolbar,
|
||||||
|
};
|
||||||
|
|
||||||
|
export default meta;
|
||||||
|
type Story = StoryObj<typeof TableToolbar>;
|
||||||
|
|
||||||
|
export const WithPagination: Story = {
|
||||||
|
args: {
|
||||||
|
children: (
|
||||||
|
<PaginationStatus
|
||||||
|
isLoading={false}
|
||||||
|
label="items"
|
||||||
|
showing={10}
|
||||||
|
total={100}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
export const WithLoadingPagination: Story = {
|
||||||
|
args: {
|
||||||
|
children: <PaginationStatus isLoading />,
|
||||||
|
},
|
||||||
|
};
|
||||||
Reference in New Issue
Block a user