leap: write input in indigo-react
import React, { Component } from 'react';
+import { BaseInput } from '@tlon/indigo-react';
export class OmniboxInput extends Component {
render() {
const { props } = this;
return (
- <input
+ <BaseInput
ref={(el) => {
this.input = el;
if (el && document.activeElement.isSameNode(el)) {
@@ -14,8 +15,13 @@ export class OmniboxInput extends Component {
}
}
}
- className='ba b--transparent w-100 br2 white-d bg-gray0-d inter f9 pa2'
- style={{ maxWidth: 'calc(600px - 1.15rem)', boxSizing: 'border-box' }}
+ width='100%'
+ p='2'
+ border='1px solid transparent'
+ borderRadius='2'
+ maxWidth='calc(600px - 1.15rem)'
+ fontSize='0'
+ style={{ boxSizing: 'border-box' }}
placeholder='Search...'
onKeyDown={props.control}
onChange={props.search}
