专栏名称: 这波能反杀
往者不可谏,来者犹可追
目录
今天看啥  ›  专栏  ›  这波能反杀

深度解析如何基于 tailwindcss 实现 Button 组件的多种变体

这波能反杀  · 公众号  ·  · 2024-08-14 10:36

文章预览

昨天接了个广子,为了感谢大家的支持,今天又来给大家整点干货。本来计划花一个小时写完的,结果在群里回复了几个问题,一耽误就到这个点才发出来... 这篇文章给大家分享的是,深度解析如何基于 tailwindcss 实现 Button 组件的多种变体。 在聊这个之前,我们必须要同步一个认知,封装一个完整的, 可商用 的 Button 组件,可不是一件简单的事情。这里面涉及到有意思的东西还是挺多的。 这篇文章,就以我在付费小册《React 19》中封装的 Button 组件为例,给大家深度拆解一下如何封装一个可商用的 Button 组件。这篇文章不仅包含了对变体的思考,也包含了对 tailwindcss 的实践运用。 ✓ 我的在线付费小册中的所有组件,都是从零自己手写封装,没有依赖任何三方工具。 一、难在哪? 有一个称呼,叫做 变体 。这是基础组件中经常会遇到的概念。它 ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览