Select 下拉选择器
手风琴错峰动画：选项像琴键逐项按下，向上展开反向级联；单选、选项禁用、受控/非受控双模式。点开试试。
操作日志
暂无日志，操作下拉后将在此显示
import { Select } from "@qingwu-ui/select";
import "@qingwu-ui/select/style.css";
const FRAMEWORKS = [
{ value: "react", label: "React", hint: "框架无关" },
{ value: "ember", label: "Ember", disabled: true },
];
function FrameworkPicker() {
const rootRef = useRef<HTMLDivElement>(null);
const selRef = useRef<Select | null>(null);
useEffect(() => {
const el = rootRef.current;
if (!el) return;
selRef.current = new Select(el, {
placeholder: "选择框架",
options: FRAMEWORKS,
});
return () => selRef.current?.destroy();
}, []);
return <div ref={rootRef} />;
}