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

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

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

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

示例1: select

export const getThemeKnob = (defaultTheme: GrafanaTheme = GrafanaTheme.Dark) => {
  return select(
    'Theme',
    {
      Default: defaultTheme,
      Light: GrafanaTheme.Light,
      Dark: GrafanaTheme.Dark,
    },
    defaultTheme
  );
};

开发者ID:gnydick，项目名称:grafana，代码行数:11，代码来源:themeKnob.ts

示例2: text

  .add('All knobs', () => {
    const name = text('name', 'Jane');
    const stock = number('stock', 20, {
      range: true,
      min: 0,
      max: 30,
      step: 5,
    });
    const fruits = {
      Apple: 'apples',
      Banana: 'bananas',
      Cherry: 'cherries',
    };
    const fruit = select('fruit', fruits, 'apples');
    const otherFruits = {
      Kiwi: 'kiwi',
      Guava: 'guava',
      Watermelon: 'watermelon',
    };
    const otherFruit = radios('Other Fruit', otherFruits, 'watermelon');
    const price = number('price', 2.25);

    const border = color('border', 'deeppink');
    const today = date('today', new Date('Jan 20 2017'));
    const items = array('items', ['Laptop', 'Book', 'Whiskey']);
    const nice = boolean('nice', true);
    button('Arbitrary action', action('You clicked it!'));

    return {
      component: AllKnobsComponent,
      props: {
        name,
        stock,
        fruit,
        otherFruit,
        price,
        border,
        today,
        items,
        nice,
      },
    };
  })

开发者ID:chinmaymoharir，项目名称:storybook，代码行数:43，代码来源:addon-knobs.stories.ts

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