Daren Design
首页
基础
组件
模板
图标
蒸馏器
工作台
使用
EN
Daren Design
首页
基础
组件
模板
图标
蒸馏器
工作台
使用
ESC
页面
首页
页面
基础
页面
组件
页面
模板
页面
图标
页面
蒸馏器
页面
工作台
页面
使用
页面
颜色 Color
页面
字体 Typography
页面
间距与边距 Spacing
页面
布局与尺寸 Layout
页面
圆角与边框 Radius
页面
动效与层级 Motion
页面
随手记模板
页面
阅读器模板
页面
使用 · 技能闭环
页面
UI Distiller · UI 蒸馏器
页面
工作台 · Lattice Design to Code
页面
使用 · UI 复刻引擎
页面
技能 · 设计系统适配
页面
技能 · 进化闭环协议
组件
affix
组件
alert
组件
anchor
组件
arco-compat
组件
avatar
组件
back-top
组件
badge
组件
breadcrumb
组件
button
组件
calendar
组件
card
组件
carousel
组件
cascader
组件
chart
组件
checkbox
组件
collapse
组件
color-picker
组件
color-property-controls
组件
combobox
组件
command
组件
comment
组件
composer-plus-menu
组件
control-variants
组件
date-picker
组件
date-range-picker
组件
description-list
组件
design-provider
组件
dialog
组件
dropdown-menu
组件
empty-state
组件
floating-panel-surface
组件
form
组件
hover-card
组件
image
组件
ime-composition
组件
input
组件
label
组件
layout
组件
link
组件
list
组件
member-picker
组件
mentions-input
组件
menu
组件
multi-select
组件
notification
组件
number-input
组件
option-color
组件
option-search
组件
overflow-tooltip
组件
pagination
组件
phone-input
组件
popconfirm
组件
popover
组件
portal
组件
progress
组件
progress-ring
组件
radio-group
组件
rate
组件
required-mark
组件
result
组件
scroll-area
组件
select
组件
separator
组件
sheet
组件
sidebar
组件
skeleton
组件
slider
组件
spinner
组件
split-pane
组件
statistic
组件
steps
组件
switch
组件
table
组件
tabs
组件
tag
组件
tag-input
组件
textarea
组件
time-picker
组件
timeline
组件
tooltip
组件
transfer
组件
tree
组件
tree-select
组件
typography
组件
upload
组件
verification-code
组件
watermark
组件
agent-message
组件
message-action-row
组件
reasoning-disclosure
组件
tool-call-card
组件
context-reference-card
组件
model-profile-picker
组件
context-budget-control
组件
run-control
组件
conversation-area
组件
agent-composer
组件
diff-viewer
组件
verification-results
组件
evidence-review
组件
蒸馏测试组件 · fixture-distilled-daren
图标
penOff · pen-off
图标
addText · 文字大小
图标
addFour · 添加
图标
askAiBubble · 问 AI（对话气泡）
图标
aiFrameSpark · AI 框选（星光）
图标
aiFocusSpark · AI 聚焦（星光）
图标
aiSlashSpark · AI 斜杠（星光）
图标
aiSparkles · AI 星光
图标
aiWordmarkSpark · AI 字标（双星）
图标
aiNetworkBadge · AI 网络徽标
图标
aiWordmarkSparkWide · AI 字标（右上星光）
图标
askAiChatSpark · 问问 AI（对话星光）
图标
aiAnswerPanel · AI 问答面板
图标
aiChatWordmark · AI 问答气泡
没有匹配结果。
DateRangePicker
DateRangePicker 组件，源码位于 components/ui/date-range-picker.tsx。以下示例为组件库源码的构建期真实渲染。
基础用法
请选择
至
请选择