《Use Headless style to transform antd》

[1uokun]

《使用Headless风格改造antd》讨论帖

[1uokun]

以 Slider 为例

业务场景	antd设计语言	headless风格
基础	<Slider />	<Slider.Root> <Slider.Track> <Slider.Range /> </Slider.Tack> <Slider.Thumb /> </Slider.Root>
双滑块按钮	<Slider range/>	<Slider.Root> <Slider.Track> <Slider.Range /> </Slider.Tack> + <Slider.Thumb index={0}/> + <Slider.Thumb index={1}/> </Slider.Root>
轨道样式修改	<Slider styles={{track:{...}}}/>	<Slider.Root> + <Slider.Track style={{...}} className={{...}}> - <Slider.Track> <Slider.Range /> </Slider.Tack> <Slider.Thumb /> </Slider.Root>
轨道内添加元素	不支持❌	<Slider.Root> <Slider.Track> <Slider.Range /> + <View> + ... + </View> </Slider.Tack> <Slider.Thumb /> </Slider.Root>