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 space-x-2 bg-white p-1 border border-gray-500/50 rounded-full text-sm">
<div className="flex items-center">
<input type="radio" name="options" id="option1" className="hidden peer" checked />
<label htmlFor="option1" className="cursor-pointer rounded-full py-2 px-9 text-gray-500 transition-colors duration-200 peer-checked:bg-indigo-600 peer-checked:text-white">Option 1</label>
</div>
<div className="flex items-center">
<input type="radio" name="options" id="option2" className="hidden peer" />
<label htmlFor="option2" className="cursor-pointer rounded-full py-2 px-9 text-gray-500 transition-colors duration-200 peer-checked:bg-indigo-600 peer-checked:text-white">Option 2</label>
</div>
</div>
);
};