find_components_without_prop
Find component instances missing a required prop to audit accessibility, styling, or other prop requirements.
Instructions
Find component instances that are missing a required prop (e.g., Select components without width prop).
Use this tool when you need to:
Audit components for missing required props
Ensure accessibility props are present (e.g., missing aria-label)
Check for missing styling props (e.g., missing width or height)
Enforce prop requirements across the codebase
Refactor components and ensure all usages are updated
EXAMPLES:
Find Select components missing width prop in current directory: { "componentName": "Select", "requiredProp": "width" }
Audit Image components for missing alt text in current directory: { "componentName": "Image", "requiredProp": "alt" }
Find Button components missing type prop in src directory: { "componentName": "Button", "requiredProp": "type", "directory": "src" }
Check Input components for missing label in forms directory: { "componentName": "Input", "requiredProp": "aria-label", "directory": "src/forms" }
Returns:
List of component instances missing the required prop
File paths and line numbers
Existing props on those instances
Summary statistics (total instances vs missing count)
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| componentName | Yes | Name of the component to check (e.g., "Select", "Button", "Image") | |
| requiredProp | Yes | Name of the required prop that should be present (e.g., "width", "alt", "aria-label") | |
| directory | No | Directory to search in (defaults to current directory) | . |