本文整理匯總了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'
})
]
});
}