hipstersmoothie.com
A design system in a box.
hip-ui.tngl.io/docs/introduction
1import { Select, SelectItem } from "@/components/select";
2
3const options = Array.from({ length: 1000 }, (_, i) => ({
4 id: "option" + (i + 1),
5 name: "Option " + (i + 1),
6}));
7
8export function Virtualization() {
9 return (
10 <Select
11 label="Choose an option"
12 placeholder="Select an option"
13 items={options}
14 isVirtualized
15 >
16 {(item) => <SelectItem id={item.id}>{item.name}</SelectItem>}
17 </Select>
18 );
19}