Segmented 分段控件在几个互斥的选项间切换：时间范围、视图、状态。复制 Markdown预览代码近 7 天近 30 天近 90 天网格列表 安装复制链接 pnpmnpmbunyarn手动复制代码pnpm dlx shadcn@latest add https://docs.linasan.cn/r/segmented.json第一次装本站的组件前先在项目里执行一次 shadcn init，详见 安装。 用法复制链接 复制代码import { Segmented } from '@/components/ui/segmented'; <Segmented value={range} onValueChange={setRange} options={[{ value: '7', label: '近 7 天' }, …]} /> 属性复制链接 属性类型valuestringonValueChangefunctionoptionsarrayclassName?stringitemClassName?stringfull?unionsize?unionaria-label?stringSlider 滑块拖动选择一个值或一个区间。ChoiceChips 选择标签用一排标签做单选或多选；ToggleCard 是可按下的卡片。