Components
Loading preview...
@edwinvakayil
npx shadcn@latest add https://21st.dev/r/edwinvakayil/one-toogle"use client";
import { Star } from "lucide-react";
import { useState } from "react";
import { Toggle } from "@/components/ui/one-toogle";
export function TogglePreview() {
const [favorite, setFavorite] = useState(false);
return (
<div className="flex items-center justify-center px-2 py-4">
<Toggle
aria-label="Toggle favorite"
onPressedChange={setFavorite}
pressed={favorite}
>
<Star className="size-5" fill={favorite ? "currentColor" : "none"} />
Favorite
</Toggle>
</div>
);
}
export default TogglePreview