功能展示

标签页功能切换

Tabbed feature switcher

纯 CSS 标签,无需 JS

实时预览

提示词正文

Build a tabbed feature switcher with Tailwind CSS using only CSS: radio inputs with peer-checked styles drive which tab is active and which panel is visible — no JavaScript state. Style the tab row as an underlined pill group with a sliding indicator, give each panel a heading, short copy and a media block, and make sure the whole component is keyboard accessible via the radio inputs.

提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。

怎么用

radio + peer-checked 实现的纯 CSS 标签页,无 JS 也能无障碍键盘操作。

同类提示词 · 功能展示

© 2026 Genisource Vibe · 提示词详情