Components Reference

A React context provider that manages global application state.

A React hook that provides access to the global application state.

A React hook that provides dispatch functions to update the global application state.

React context for managing shopping cart state and operations.

Context for accessing product page data including variants, pricing, and inventory.

Context for managing checkout process including order placement, shipping, and payment methods.

A React Hook Form wrapper component that simplifies form submission with automatic API integration and error handling.

A text input field component with validation, error handling, and icon support.

A multi-line text input field component with validation and error handling.

A password input field with optional visibility toggle and validation.

An email input field with automatic email validation.

A telephone number input field component.

A URL input field with automatic URL validation.

A numeric input field with min/max validation and optional unit display.

A date picker input field with min/max date validation.

A date and time picker input field with validation.

A time picker input field with validation.

A slider input field for selecting numeric values from a range.

A dropdown select field with single or multiple selection.

A group of radio button inputs for single selection.

A checkbox input field for single or multiple selections.

A toggle switch input field for boolean or binary values.

An enhanced select dropdown using react-select library with search, multi-select, and custom styling.

An enhanced select field with the ability to create new options on-the-fly.

A color picker input field with hex color format support.

A file upload input field with size validation and multiple file support.

A rich text editor with drag-and-drop layout management and multiple content blocks.

A tooltip component for displaying helpful information on hover or focus.

A component container that manages and renders components with dynamic props and widget integration.

An optimized image component with automatic responsive srcset generation and lazy loading support.

A wrapper component for rendering static images from the theme or public assets folder.

A simple pagination component with previous and next navigation buttons.

A placeholder SVG icon displayed when a product has no thumbnail image.

A component for adding HTML meta tags with validation and helper functions.

A component for adding script tags with validation and helper functions.

A headless render props component that provides add-to-cart logic without rendering any UI.

A headless render props component that provides cart items data and operations without rendering UI.

A component for displaying cart items in a summary format with thumbnails and quantities.

A headless render props component and hook for managing cart item quantities with debouncing and validation.

A floating cart widget with icon and dropdown for quick cart access.

Context for accessing category page data including products, filters, and metadata.

A headless render props component for managing product filters with attributes, categories, and price ranges.

A component for displaying product listings in grid or list layout with loading and empty states.

A component for sorting products with customizable options and sort direction toggle.

Context for accessing search result page data including keyword, products, and filters.

A search component with autocomplete dropdown and customizable rendering.

A component for selecting product variants with availability detection and custom rendering.

A headless render props component that provides cart totals data for custom summary displays.

A headless render props component for managing coupon application and removal.

A headless render props component for building paginated navigation with URL sync and page data fetching.