Hero 290 - AI agent setup with tool togglesPro
Split hero with an interactive agent configuration card: name, instructions and switchable tools, with a live summary of what the agent is allowed to do.
About Hero 290
Split hero with an interactive agent configuration card: name, instructions and switchable tools, with a live summary of what the agent is allowed to do.
Hero 290 is a hero block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 118 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.
- ai
- agent
- builder
- tools
- toggles
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add hero-290Dependencies installed automatically: lucide-react.
Uses: button, reveal, switch, utils.
Usage
import Hero290 from "@/components/blocks/hero-290"
export default function Page() {
return <Hero290 />
}