Components
Loading preview...
Here is Tabs component
npx shadcn@latest add https://21st.dev/r/reuno-ui/tabs-2export default function Example() {
return (
<div className="flex bg-gray-500/5 text-sm">
<div className="flex items-center">
<input type="radio" name="options" id="html" className="hidden peer" checked />
<label htmlFor="html" className="cursor-pointer py-2 border border-r-0 border-gray-500/30 px-12 text-gray-500 transition-colors duration-200 peer-checked:border-b-indigo-500 peer-checked:bg-white peer-checked:text-indigo-500">HTML</label>
</div>
<div className="flex items-center">
<input type="radio" name="options" id="css" className="hidden peer" />
<label htmlFor="css" className="cursor-pointer py-2 border-y border-gray-500/30 px-12 text-gray-500 transition-colors duration-200 peer-checked:border-b-indigo-500 peer-checked:bg-white peer-checked:text-indigo-500">CSS</label>
</div>
<div className="flex items-center">
<input type="radio" name="options" id="react" className="hidden peer" />
<label htmlFor="react" className="cursor-pointer py-2 border border-l-0 border-gray-500/30 px-12 text-gray-500 transition-colors duration-200 peer-checked:border-b-indigo-500 peer-checked:bg-white peer-checked:text-indigo-500">React</label>
</div>
</div>
);
};