GuardrailIndicator

stable

Visual indicator of active guardrails and safety constraints

Human-in-the-Loop/Storybook ↗

import { GuardrailIndicator } from "@nodus/design-system/patterns"

GUARDRAILS

RESOURToken Budget128Kactive

SAFETYPII Detectionactive

RESOURRate Limit950/1000near limit

SAFETYContent Policytriggered

Loading demo…

Props

Prop	Type	Default	Description
`guardrails`req	`Guardrail[]`	—	Array with name, type, status (active\|near_limit\|triggered), threshold

guardrailsrequired

Type Guardrail[]Default —

Array with name, type, status (active|near_limit|triggered), threshold

Design Rationale

This component was designed to express:

Visual indicator of AI response grounding quality

Labeled confidence gauge with low/moderate/high qualifier

Was this helpful?