mirror of
https://github.com/fleetdm/fleet
synced 2026-05-22 08:28:52 +00:00
0f02fa012e
I notices we were reusing styles alot for the card like container UI so I created a reusable `Card` component The component is used like this: ```tsx // default card is white background <Card> <p>whatever JSX you want</p> </Card> <Card color="gray"> <p>whatever JSX you want</p> </Card> <Card color="yellow"> <p>whatever JSX you want</p> </Card> <Card color="purple"> <p>whatever JSX you want</p> </Card> ``` **white**  **gray**  **yellow**  **purple**  - [x] Manual QA for all new/changed functionality
17 lines
298 B
TypeScript
17 lines
298 B
TypeScript
import { Meta, StoryObj } from "@storybook/react";
|
|
|
|
import Card from ".";
|
|
|
|
const meta: Meta<typeof Card> = {
|
|
component: Card,
|
|
title: "Components/Card",
|
|
args: {
|
|
children: "card content",
|
|
},
|
|
};
|
|
|
|
export default meta;
|
|
|
|
type Story = StoryObj<typeof Card>;
|
|
|
|
export const Default: Story = {};
|