123456789101112131415161718192021222324252627282930313233
import * as Ariakit from "@ariakit/react";
import "./style.css";
const fruits = ["Apple", "Grape", "Orange", "Strawberry", "Watermelon"];
export default function Example() {
return (
<>
Your favorite fruit
placeholder="e.g., Apple"
className="combobox"
/>
className="popover"
>
{fruits.map((f) => (
))}
</>
);
}
import * as Ariakit from "@ariakit/react";
import "./style.css";
const fruits = ["Apple", "Grape", "Orange", "Strawberry", "Watermelon"];
export default function Example() {
return (
<>
Your favorite fruit
placeholder="e.g., Apple"
className="combobox"
/>
className="popover"
>
{fruits.map((f) => (
))}
</>
);
}