AuthScape

Docs

Components Overview

Reusable React components for building AuthScape applications.

AuthScape provides a set of reusable React components for common functionality like image handling, file uploads, API calls, and form inputs.

Available Components

ComponentDescription
NextImageImage component with fallback support
GoogleMapsAutoCompleteAddress autocomplete input
FileUploaderFile upload with variants
ColorPickerColor selection input
API Service CallAPI request utilities
AutoSaveTextFieldAuto-saving text input

Installation

Components are included in the authscape npm package:

bash
npm install authscape

Usage

Import components from the authscape package:

javascript
import { NextImage, FileUploader, ColorPicker } from 'authscape/components';
import { apiService, authService } from 'authscape';

Component Design

All AuthScape components follow these principles:

  1. MUI Integration - Components work seamlessly with Material-UI
  2. TypeScript Support - Full type definitions available
  3. Responsive - Mobile-first responsive design
  4. Accessible - WCAG 2.1 compliant
  5. Themeable - Respects MUI theme settings