feat: story for title bar date
This commit is contained in:
@@ -0,0 +1,40 @@
|
|||||||
|
import { Meta, StoryObj } from "@storybook/angular";
|
||||||
|
import { TitleBarDateComponent } from "../../public-api";
|
||||||
|
import { amount } from "../control-constants/title-bar";
|
||||||
|
|
||||||
|
const meta: Meta = {
|
||||||
|
title: 'Molecules / Title Bar Date',
|
||||||
|
component: TitleBarDateComponent,
|
||||||
|
tags:['autodocs'],
|
||||||
|
args: {
|
||||||
|
amount: 15000,
|
||||||
|
date: new Date(),
|
||||||
|
},
|
||||||
|
argTypes: {
|
||||||
|
amount,
|
||||||
|
date: {
|
||||||
|
control: 'date',
|
||||||
|
description: 'Title (group) date',
|
||||||
|
table: {defaultValue: {detail: 'Defaults to new Date()', summary: 'new Date() (current date)'}}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
render: (args) => ({
|
||||||
|
|
||||||
|
props: args,
|
||||||
|
styles: [
|
||||||
|
`
|
||||||
|
@import url('/assets/styles.css');
|
||||||
|
:host {
|
||||||
|
display: block;
|
||||||
|
height: 40px;
|
||||||
|
margin: auto;
|
||||||
|
padding: 0 4px;
|
||||||
|
width: 375px;
|
||||||
|
}
|
||||||
|
`]
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export default meta;
|
||||||
|
|
||||||
|
export const Default: StoryObj<TitleBarDateComponent> = {};
|
||||||
Reference in New Issue
Block a user