github.com/GoogleCloudPlatform/testgrid@v0.0.174/web/stories/testgrid-grid-column-header.stories.ts (about)

     1  import { html, TemplateResult } from 'lit';
     2  import '../src/testgrid-grid-column-header';
     3  
     4  export default {
     5    title: 'Grid Column Header',
     6    component: 'testgrid-grid-column-header',
     7  };
     8  
     9  interface Story<T> {
    10    (args: T): TemplateResult;
    11    args?: T;
    12  }
    13  
    14  interface Args {
    15    name: string;
    16  }
    17  
    18  const Template: Story<Args> = ({
    19    name = '',
    20  }: Args) => {
    21    return html`<testgrid-grid-column-header .name="${name}"></testgrid-grid-column-header>`;
    22  };
    23  
    24  export const Empty = Template.bind({});
    25  Empty.args = {name: ''};
    26  export const Short = Template.bind({});
    27  Short.args = {name: '1234'};
    28  export const Long = Template.bind({});
    29  Long.args = {name: '1234-5678-123456789012-very-long-id'};