TypeScript cycle-ui.CardText函数代码示例

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

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

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

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

示例1: view

  function view(isDrawerActive: boolean) {
    const drawer = (
      Drawer(sources, { isolate: false, className: 'drawer', active: isDrawerActive, type: 'left' }, [
        h5('This is a left drawer'),
        p('A drawer can have multiple children controls'),
        Input(sources, { label: 'Input in a Drawer' }).DOM,
      ])
    );

    // (<any>drawer).closeEvent$.subscribe( (x: any) => {
    //   console.log('close obs event: ' + x);
    // });

    return (
      Card(sources, { isolate: false, className: 'demoDrawers' }, [
        CardTitle(sources, { isolate: false, title: 'Drawers (Work in progress)' }, [
          CardText(sources, { isolate: true }, [
            Button(sources, { isolate: false, className: 'showDrawer', label: 'Show Drawer',
              raised: true }).DOM,
            p('is active: ' + isDrawerActive),
            drawer.DOM,
          ]).DOM
        ]).DOM
      ]).DOM
    );
  }

开发者ID:eldarlabs，项目名称:cycle-ui-typescript-webpack，代码行数:26，代码来源:Drawers.ts

示例2: CounterDemoView

export function CounterDemoView(sources: any) {
  return (
    DemoCardView(sources, 'Counter App Demo', [
      CardText(sources, [
        Counter(sources).DOM
      ]).DOM
    ])
  );
}

开发者ID:eldarlabs，项目名称:cycle-ui-typescript-webpack，代码行数:9，代码来源:CounterDemo.ts

示例3: InputsView

export function InputsView(sources: any) {
  return (
    DemoCardView(sources, 'Text Inputs', [
      CardText(sources, [
        h4('Default Input (no properties)'),
        Input(sources).DOM,
        Input(sources, {
            label: 'Input: Max Length',
            maxLength: 10,
        }).DOM,
      ]).DOM,
    ])
  );
}

开发者ID:eldarlabs，项目名称:cycle-ui-typescript-webpack，代码行数:14，代码来源:Inputs.ts

示例4: HeadingsView

export function HeadingsView(sources: any) {
  return (
    DemoCardView(sources, 'Headings', [
      CardText(sources, [
        h1('Heading 1'),
        h2('Heading 2'),
        h3('Heading 3'),
        h4('Heading 4'),
        h5('Heading 5'),
        h6('Heading 6'),
      ]).DOM,
    ])
  );
}

开发者ID:eldarlabs，项目名称:cycle-ui-typescript-webpack，代码行数:14，代码来源:Headings.ts

示例5: view

 function view(isDialogActive: boolean) {
   return (
     DemoCardView(sources, 'Dialogs (Work in progress)', [
       CardText(sources, [
         Button(sources, { className: 'showDialog', label: 'Show Modal Dialog',
           raised: true }).DOM,
         p('is active: ' + isDialogActive),
         Dialog({ title: 'Test Dialog', active: isDialogActive,
           actions: [cancelButton.DOM, saveButton] }, [
             p('This is a dialog'),
             p('A dialog can have multiple children controls')
           ]
         ).DOM
       ]).DOM
     ])
   );
 }

开发者ID:eldarlabs，项目名称:cycle-ui-typescript-webpack，代码行数:17，代码来源:Dialogs.ts

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