本文整理匯總了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
);
}示例2: CounterDemoView
export function CounterDemoView(sources: any) {
return (
DemoCardView(sources, 'Counter App Demo', [
CardText(sources, [
Counter(sources).DOM
]).DOM
])
);
}示例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,
])
);
}示例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,
])
);
}示例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
])
);
}