本文整理汇总了TypeScript中@jupyterlab/apputils.Dialog.createButton方法的典型用法代码示例。如果您正苦于以下问题：TypeScript Dialog.createButton方法的具体用法？TypeScript Dialog.createButton怎么用？TypeScript Dialog.createButton使用的例子？那么, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类@jupyterlab/apputils.Dialog的用法示例。
在下文中一共展示了Dialog.createButton方法的1个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: showDialog
execute: () => {
// Create the header of the about dialog
let headerLogo = h.div({className: 'jp-About-header-logo'});
let headerWordmark = h.div({className: 'jp-About-header-wordmark'});
let release = 'Beta Release Series';
let versionNumber = `Version ${info.version}`;
let versionInfo = h.span({className: 'jp-About-version-info'},
h.span({className: 'jp-About-release'}, release),
h.span({className: 'jp-About-version'}, versionNumber)
);
let title = h.span({className: 'jp-About-header'},
headerLogo,
h.div({className: 'jp-About-header-info'},
headerWordmark,
versionInfo
)
);
// Create the body of the about dialog
let jupyterURL = 'https://jupyter.org/about.html';
let contributorsURL = 'https://github.com/jupyterlab/jupyterlab/graphs/contributors';
let externalLinks = h.span({className: 'jp-About-externalLinks'},
h.a({
href: contributorsURL,
target: '_blank',
className: 'jp-Button-flat'
}, 'CONTRIBUTOR LIST'),
h.a({
href: jupyterURL,
target: '_blank',
className: 'jp-Button-flat'
}, 'ABOUT PROJECT JUPYTER')
);
let copyright = h.span({
className: 'jp-About-copyright'
}, 'Š 2018 Project Jupyter');
let body = h.div({ className: 'jp-About-body' },
externalLinks,
copyright
);
showDialog({
title,
body,
buttons: [
Dialog.createButton({
label: 'DISMISS',
className: 'jp-About-button jp-mod-reject jp-mod-styled'
})
]
});
}