How to use the @blueprintjs/select.Classes.OMNIBAR function in @blueprintjs/select

To help you get started, we’ve selected a few @blueprintjs/select examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github pubpub / pubpub / client / containers / Dashboard / DashboardContent / Collections / NewCollectionCard.js View on Github external
const [isPending, setIsPending] = useState(false);
	const [name, setName] = useState('');
	const {
		bpDisplayIcon,
		label: { singular: collectionLabel },
	} = schema;
	return (
		
			 setIsOpen(false)}
				hasBackdrop={true}
				usePortal={true}
			>
				<div>
					}
						placeholder={`Name a new ${collectionLabel}...`}
						large={true}
						onChange={(e) =&gt; setName(e.target.value)}
						onKeyDown={(e) =&gt; {
							if (e.key === 'Enter' &amp;&amp; name.length &gt; 0) {
								const res = onCreateCollection(name);
								if (typeof res.then === 'function') {
									setIsPending(true);
									res.then(() =&gt; {
										setIsOpen(false);
										setIsPending(false);
									});</div>