warning_amberDeprecated
The DropdownV1 component is deprecated and will be no longer be supported.
You can use DropdownV2 instead.
DropdownV1 components for use with Popover
Usage
Import
import {
DropdownV1,
DropdownButtonV1,
DropdownContentV1,
DropdownTitleV1,
} from '@passfort/castle'
Example
<DropdownV1
render={() => (
<>
<DropdownTitleV1 title="Search users" />
<DropdownContentV1>
<Input placeholder="Search" icon="search" />
</DropdownContentV1>
</>
)}
>
<DropdownButtonV1 label="test" />
</DropdownV1>
live example
Connected DropdownV1
import { Connected } from '@passfort/castle'
<Connected group="dropdown">
<DropdownV1
render={() => (
<>
<DropdownTitleV1 title="Search users" />
<DropdownContentV1>
<Input placeholder="Search" icon="search" />
</DropdownContentV1>
</>
)}
>
<DropdownButtonV1 group="dropdown" label="test" />
</DropdownV1>
<DropdownV1
render={() => (
<>
<DropdownTitleV1 title="Search users" />
<DropdownContentV1>
<Input placeholder="Search" icon="search" />
</DropdownContentV1>
</>
)}
>
<DropdownButtonV1 group="dropdown" label="test" />
</DropdownV1>
</Connected>
live example