Component Library

Explore ForgeZap's comprehensive component library. With 15+ pre-built components, you can create powerful applications without writing code.

Component Categories

Components are organized into four main categories: Form, Display, Layout, and Data. Each category serves a specific purpose in building applications.

Quick Component Reference

Form Components

Input - Text input fields
Button - Clickable actions
Checkbox - Boolean selection
Radio - Single choice options
Calendar - Date/time picker

Display Components

Text - Static text content
Image - Pictures and graphics
Badge - Status indicators
Card - Content containers
Data Table - Tabular data

Layout Components

Container - Content wrappers
Separator - Visual dividers
Tabs - Tabbed content
Dialog - Modal windows
Heading - Title hierarchy

Data Components

Chart - Data visualizations
Form - Complete form builder
Advanced Data Table - Complex tables

Using Components

Adding Components

Drag components from the palette to your canvas
Use the search bar to find specific components
Browse categories to discover new components

Configuring Components

  • • Select any component to see its properties in the right sidebar
  • • Use the Properties tab for content, styling, and behavior
  • • Use the Data tab to connect components to data sources
  • • Use the Layout tab to set position, size, and alignment

Component Properties

Common Properties

  • • Content and text properties
  • • Styling and appearance
  • • Size and positioning
  • • Visibility and state
  • • Data binding options

Advanced Properties

  • • Event handlers and interactions
  • • Validation rules
  • • Conditional visibility
  • • Custom styling
  • • Accessibility options

Component Tips

Start with basic components and gradually add complexity. Each component is designed to work well with others, so experiment with different combinations to create unique interfaces.