mirror of
https://github.com/fleetdm/fleet
synced 2026-04-21 21:47:20 +00:00
For #25464 Implements the UI for viewing certification details on the host details and my device pages. This includes: **Certs card and table on host details and my device page**  **Cert details modal**  - includes some work around normalising the details section card header styles on these pages. - includes extending DataSet component to add a `horizontal` orientation when rendering the data > NOTE: We still need to integrate with the API endpoints when they are ready. - [x] Changes file added for user-visible changes in `changes/`, `orbit/changes/` or `ee/fleetd-chrome/changes`. - [ ] Added/updated automated tests - [x] Manual QA for all new/changed functionality
24 lines
446 B
TypeScript
24 lines
446 B
TypeScript
import { Meta, StoryObj } from "@storybook/react";
|
|
|
|
import DataSet from "./DataSet";
|
|
|
|
const meta: Meta<typeof DataSet> = {
|
|
title: "Components/DataSet",
|
|
component: DataSet,
|
|
args: {
|
|
title: "Data set title",
|
|
value: "This is the value",
|
|
},
|
|
};
|
|
|
|
export default meta;
|
|
|
|
type Story = StoryObj<typeof DataSet>;
|
|
|
|
export const Basic: Story = {};
|
|
|
|
export const HorizontalOrientation: Story = {
|
|
args: {
|
|
orientation: "horizontal",
|
|
},
|
|
};
|