Components
Loading preview...
A responsive book component.
@shugar
npx shadcn@latest add https://21st.dev/r/shugar/bookimport { Book } from "@/components/ui/book";
export default function CustomColorDemo() {
return (
<div className="flex gap-8">
<Book
color="#9D2127"
title="How Vercel improves your website's search engine ranking"
/>
<Book
color="#7DC1C1"
textColor="white"
title="Design Engineering at Vercel"
variant="simple"
/>
<Book color="#FED954" title="The user experience of the Frontend Cloud" />
</div>
);
}