Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Adding an input element to HeaderNav
<Menu borderless className='top-menu' fixed='top'>
<Menu.Item header className='logo'>
<Image src={logo} size='tiny'/>
</Menu.Item>
<Menu.Menu className='nav-container'>
<Menu.Item className='search-input'>
<Form>
<Form.Field>
<Input placeholder='Search'
size='small'
action='Go'
/>
</Form.Field>
</Form>
</Menu.Item>
</Menu.Menu>
</Menu>
.nav-container {
flex-grow: 1;
padding: 0;
.search-input {
padding-left: 0;
width: 33%;
form {
width: 100%;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.