Components

Reusable UI building blocks for Valley Solar web properties. All components use design tokens and support theming via CSS custom properties.

Navigation

Primary Navigation

Main site navigation with dropdown menus for product categories and support links.

Mobile Navigation

Responsive hamburger menu with slide-out panel for mobile screens.

Breadcrumbs

Navigation aid showing page hierarchy and current location.

Footer

Site footer with links, contact info, and social media.

Forms & Input

Button

Interactive button with primary, secondary, and ghost variants.

Input Field

Text input with label, helper text, and error states.

Select

Dropdown select with custom styling.

Checkbox & Radio

Form selection components with accessible markup.

Layout & Containers

Card

Container with shadow and border for content grouping.

Grid

Responsive multi-column layout system.

Hero Section

Full-width banner with headline, subheading, and CTA.

Modal

Overlay dialog for alerts, forms, and confirmations.

Content

Heading

Semantic heading with consistent sizing and spacing.

List

Ordered and unordered lists with consistent styling.

Badge

Small label for status, tags, and categories.

Link

Styled text links with hover and active states.

Component States

All interactive components support the following states: