当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript addon-knobs.text函数代码示例

本文整理汇总了TypeScript中@storybook/addon-knobs.text函数的典型用法代码示例。如果您正苦于以下问题:TypeScript text函数的具体用法?TypeScript text怎么用?TypeScript text使用的例子?那么, 这里精选的函数代码示例或许可以为您提供帮助。


在下文中一共展示了text函数的6个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。

示例1: text

  .add('Simple', () => {
    const name = text('name', 'John Doe');
    const age = number('age', 0);
    const phoneNumber = text('phoneNumber', '555-55-55');

    return {
      moduleMetadata: {
        entryComponents: [SimpleKnobsComponent],
        declarations: [SimpleKnobsComponent],
      },
      template: `
        <h1> This is a template </h1>
        <storybook-simple-knobs-component
          [age]="age"
          [phoneNumber]="phoneNumber"
          [name]="name"
        >
        </storybook-simple-knobs-component>
      `,
      props: {
        name,
        age,
        phoneNumber,
      },
    };
  })
开发者ID:chinmaymoharir,项目名称:storybook,代码行数:26,代码来源:addon-knobs.stories.ts

示例2: text

    () => {
      const name = text('name', 'Dynamic knob');

      return {
        component: ServiceComponent,
        props: {
          name,
        },
      };
    },
开发者ID:chinmaymoharir,项目名称:storybook,代码行数:10,代码来源:custom-providers.stories.ts

示例3: data

  .add('Single', () => ({
    components: { Cover },

    data() {
      return {
        book: {
          title: text('Title', 'La Celda Sangrienta', 'props'),
          author: text('Author', 'James Goss', 'props'),
          cover: text(
            'Cover image',
            'https://www.audiowho.com/wp-content/uploads/2015/01/portada-blood.png',
            'props'
          ),
        },
      };
    },

    template:
      '<cover :title="book.title" :author="book.author" :cover="book.cover" />',
  }))
开发者ID:Audiowho,项目名称:audiowho-gallery,代码行数:20,代码来源:Cover.story.ts

示例4: text

 () => ({
   template: `<storybook-button-component [text]="text" (onClick)="onClick($event)"></storybook-button-component>`,
   props: {
     text: text('text', 'Button with custom styles'),
     onClick: action('log'),
   },
   styles: [
     `
   storybook-button-component {
     background-color: red;
     padding: 25px;
   }
 `,
   ],
 }),
开发者ID:chinmaymoharir,项目名称:storybook,代码行数:15,代码来源:custom-styles.stories.ts

示例5: text

 () => ({
   component: DiComponent,
   props: {
     title: text('title', 'Component dependencies'),
   },
 }),
开发者ID:chinmaymoharir,项目名称:storybook,代码行数:6,代码来源:di.component.stories.ts

示例6: text

 () => ({
   component: NameComponent,
   props: {
     field: text('field', 'foobar'),
   },
 }),
开发者ID:chinmaymoharir,项目名称:storybook,代码行数:6,代码来源:custom-pipes.stories.ts


注:本文中的@storybook/addon-knobs.text函数示例由纯净天空整理自Github/MSDocs等开源代码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。