Interface CommonWidgetProps

Common props shared by all widgets

Provides standard customization options that all widgets should support for consistent styling and testing across the application.

<MyWidget 
  className="custom-styles" 
  testId="my-widget-test" 
/>

interface CommonWidgetProps {
className?: string;
testId?: string;
}

Properties

className?: string

Optional CSS class name for custom styling

Allows consumers to apply custom styles via CSS classes. Use Tailwind CSS classes or custom CSS classes.

"mt-4 border-2 rounded-lg"

testId?: string

Optional 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.

"security-widget-availability"