HeroUI Core Principles

A shared folder with AI prompts and code snippets

From workspace: HeroUI Chat

Team: Main

Total snippets: 6

HeroUI Chat

HeroUI Core Principles

6 snippets

Consistent API

Uniform props and behavior across components minimize learning curve.

Use shared naming conventions and prop structures across components.

Customization and Flexibility

Full theming and style overrides via Tailwind + Tailwind‑Variants.

Enable Tailwind classes and tailwind-variants for easy style overrides.

Modular Design

Standalone components—import only what you need to optimize bundle size.

Ensure each component works independently; minimize unnecessary dependencies.

Component Slots

Use “slots” to inject custom content or wrappers for maximum flexibility.

Use React’s children or slot-like props to support content injection.

Simplicity and Usability

Components are easy to understand and use, regardless of skill level.

Prioritize intuitive defaults and reduce boilerplate across all components.

Accessibility

Built with React‑Aria: WAI‑ARIA compliance, keyboard navigation, sensible focus, screen‑reader support.

Ensure keyboard operability and ARIA tags are included by default.