chi-component-schemas

Validate Chi UI components by analyzing their modifiers, HTML attributes, and accessibility roles against predefined design system schemas to ensure correct usage. This process enforces rules for allowed modifiers, conflicting groups, and required attributes.

Component validation in a design system verifies that UI elements adhere to predefined rules for allowed modifiers, required attributes, and accessibility standards. This ensures consistency and prevents implementation errors across frontend development.

Check HTML for Chi component accessibility by validating that elements meet standards for ARIA attributes and roles. The schema validation ensures essential attributes like aria-label are present on interactive elements such as buttons.

Yes, Chi component validation detects conflicting CSS modifiers by enforcing predefined rules for allowed and conflicting modifier groups. This ensures design system specifications are met and prevents functional conflicts when applying multiple classes.

You can use this component validation for frontend development without external dependencies. The validation operates independently, analyzing component modifiers, attributes, and accessibility requirements against its internal predefined schemas.

Validate Chi button modifiers during UI development whenever building elements using classes like 'chi-button -primary -lg'. This ensures correct color and size modifiers are applied according to design system specifications.