Build sliding underline tabs with Tailwind CSS: a row of tab buttons above a content area, with an absolutely positioned underline that translates and resizes to the active tab using measured offsets. Switch panels with a short cross-fade, support arrow-key navigation between tabs with proper ARIA roles, and let the tab row scroll horizontally on mobile with the indicator following.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。