owncast/web/stories/Modal.stories.tsx
2022-05-12 20:52:19 -07:00

34 lines
953 B
TypeScript

import React, { useState } from 'react';
import { ComponentStory, ComponentMeta } from '@storybook/react';
import Modal from '../components/ui/Modal/Modal';
export default {
title: 'owncast/Modals/Container',
component: Modal,
parameters: {
docs: {
description: {
component: `This is the popup modal container that all modal content is rendered inside. It can be passed content nodes to render, or a URL to show an iframe.`,
},
},
},
} as ComponentMeta<typeof Modal>;
const Template: ComponentStory<typeof Modal> = args => {
const { children } = args;
return <Modal {...args}>{children}</Modal>;
};
export const Example = Template.bind({});
Example.args = {
title: 'Modal example with content nodes',
visible: true,
children: <div>Test 123</div>,
};
export const UrlExample = Template.bind({});
UrlExample.args = {
title: 'Modal example with URL',
visible: true,
url: 'https://owncast.online',
};