OptionalchildrenOptional children elements
OptionalclassOptional CSS class name for custom styling
Allows consumers to apply custom styles via CSS classes. Use Tailwind CSS classes or custom CSS classes.
CIA triad component (availability, integrity, or confidentiality)
Current security level for the component
OptionalonOptional callback when widget encounters an error
Error that occurred
OptionalshowIf true, displays extended details (e.g., recommendations for integrity)
OptionaltestOptional test ID for automated testing
Used by testing frameworks (Cypress, Vitest) to locate and interact with the component. Should follow the pattern defined in testIds constants.
Props for the shared ImpactWidget component
This is the base component used by all three impact widgets (Availability, Integrity, Confidentiality). It provides a unified interface for displaying CIA component-specific business impact analysis.
Example