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

PDH Design System React Components

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

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

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

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