shadcn.io is not affiliated with official shadcn/ui
Compliance Audit Changelog Block for Ark UI
A control audit split by a divider: a ring of how many controls pass, a Passing, Failing and Pending list, and Tabs for three control families over a table of the most recently checked controls.
Installation
Overview
A control audit for React with Ark UI, written for Controlkit, a fictional trust-automation product. A divider splits the block. At the start sit the header, a Circular Progress ring reading 42 of 48 controls passing (summed from the three families' counts) and a list of Passing, Failing and Pending. At the end, in an inset frame, Tabs pick a control family (Security, Privacy, Availability) over a table of the five controls checked most recently in it: the id in mono, what it checks, the kind of evidence, a status as an icon and a word, and the day it was last checked. An unseen copy of every panel holds the frame's height. It's built from Circular Progress, Tabs, Guides and a native table. These are the product's own checks, shown as example data: the block claims no certification and shows no seal.
FAQ
How do the numbers add up?
Each family in FAMILIES holds its counts of passing, failing and pending controls and its five most recent controls. The ring, the list and the summary sum those counts, so 17 + 14 + 11 passing gives 42 of 48. The table shows five controls per family and says so under the table.
Does this show a certification?
No. It shows a product's internal checks as example data, with fictional control ids and no seal, logo or named audit body. Add a standard's name only as plain text, and only if your own evidence supports it.
How do the tabs behave?
Arrow keys move between the three tabs, and the table under the selected tab is a labelled, focusable region. Every panel is also present unseen in the same grid cell, so switching never changes the frame's height.