mirror of
https://github.com/hanzoai/cd-ui.git
synced 2026-10-30 20:42:45 +00:00
* feat: New components from Argo Rollotus UI in src/v2 directory Signed-off-by: Remington Breeze <[email protected]>
36 lines
655 B
TypeScript
36 lines
655 B
TypeScript
import * as React from 'react';
|
|
import {Brand, Header} from './header';
|
|
|
|
export default {
|
|
component: Header,
|
|
title: 'Components/Header',
|
|
argTypes: {
|
|
text: {control: {type: 'text'}},
|
|
style: {control: {disable: true}},
|
|
},
|
|
};
|
|
|
|
export const Primary = (args: any) => {
|
|
return (
|
|
<Header {...args}>
|
|
<h1 style={{marginLeft: '10px'}}>{args.text}</h1>
|
|
</Header>
|
|
);
|
|
};
|
|
|
|
Primary.args = {
|
|
text: 'Hello world!',
|
|
};
|
|
|
|
export const Secondary = (args: any) => {
|
|
return (
|
|
<Header>
|
|
<Brand {...args} />
|
|
</Header>
|
|
);
|
|
};
|
|
|
|
Secondary.args = {
|
|
brandName: 'Argo UX',
|
|
};
|