pdh-design-system/src/organisms/Slide/Slide.stories.js

PDH Design System React Components

import React from "react"
import { Card } from "@/organisms/Card/Card"
import { Slide } from "./Slide"

export default {
    title: "organisms/Slide",
    component: Slide,
    argTypes: {},
}

const Template = (args) => {
    return (
        <Slide {...args}>
            <Card title="Front" body="Front text" image="https://picsum.photos/300" imagevariant="top" />
            <Card
                header="Over"
                body="Over text"
                bg="primary"
                buttons={[
                    { name: "", variant: "light", iconName: "filetype-pdf" },
                    { name: "Edit", variant: "secondary", className: "stretched-link" },
                ]}
                className="text-bg-primary"
            />
        </Slide>
    )
}

export const _Slide = Template.bind({})
_Slide.args = {}