Resources 2 - Featured resource with side listPro
A large featured resource card with cover image, badge, summary and primary button sits beside a compact list of additional resources with type labels and arrows. Use it at the top of a resources page to promote one flagship asset while keeping others discoverable.
About Resources 2
A large featured resource card with cover image, badge, summary and primary button sits beside a compact list of additional resources with type labels and arrows. Use it at the top of a resources page to promote one flagship asset while keeping others discoverable.
Resources 2 is a resources block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 88 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- resources
- featured
- list
- report
- split
- content
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add resources-02Dependencies installed automatically: lucide-react.
Uses: badge, button, reveal, utils.
Usage
import Resources02 from "@/components/blocks/resources-02"
export default function Page() {
return <Resources02 />
}