Feature 204 - Filterable audit log tablePro

Split section with copy on the left and an audit log table on the right whose rows filter by actor type through chip buttons.

About Feature 204

Split section with copy on the left and an audit log table on the right whose rows filter by actor type through chip buttons.

Feature 204 is a feature block for React and Tailwind CSS, included in Chocolate UI Pro with motion animations that respect reduced-motion settings. It ships as 122 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.

  • security
  • audit log
  • table
  • filter
  • compliance

Installation

  1. Set up your project with npx chocolateui init and npx chocolateui login (see the installation guide).
  2. Run the Chocolate UI CLI:
npx chocolateui add feature-204

Dependencies installed automatically: lucide-react, motion.

Uses: reveal, utils.

Usage

import Feature204 from "@/components/blocks/feature-204"

export default function Page() {
  return <Feature204 />
}

FAQ