AutocompleteItem

import { AutocompleteItem } from "@rebasepro/ui";

Props

Prop	Type	Required	Description
children	React.ReactNode	yes
onClick	() => void	—
className	string	—

Example

This is the example the design-system sync renders and verifies for this component.

import { Autocomplete, AutocompleteItem, TextField } from "@rebasepro/ui";

export const Basic = () => (
    <div className="p-4 h-[320px]">
        <div className="relative w-[320px]">
            <TextField label="Search tables" value="use" onChange={() => {}}/>
            <Autocomplete open setOpen={() => {}}>
                <AutocompleteItem>
                    <div className="px-4">users</div>
                </AutocompleteItem>
                <AutocompleteItem>
                    <div className="px-4">user_roles</div>
                </AutocompleteItem>
                <AutocompleteItem>
                    <div className="px-4">user_sessions</div>
                </AutocompleteItem>
            </Autocomplete>
        </div>
    </div>
);