canopy-hero

You can ensure accessibility for Angular hero sections by following the Canopy Hero design constraints, which specify required components and responsive layout rules to guarantee correct rendering and accessibility across conversational and product detail heroes.

The best way to add breadcrumbs to a Canopy design system hero is to use the lg-hero component composition, which provides consistent design guidance for layout, breadcrumbs, and responsive behavior across pages.

You do not need any specific external dependencies to use Canopy Hero components. You can install the Canopy Hero package directly and apply the lg-hero component and its subcomponents within your Angular project.

Yes, you can use lg-hero for conversational hero sections in Angular. The component supports page headers, product detail heroes, and conversational hero sections, providing guided implementation for consistent visual fidelity.