Skip to main content

Flutter Custom Widgets Documentation

This section provides comprehensive documentation for all custom widgets in the appikorn_madx_widgets library. Each widget includes detailed usage examples, parameter references, and best practices to help you build beautiful Flutter applications faster.

🎨 Widget Categories​

🧱 Core UI Components
Essential building blocks for your Flutter applications

TextAppi

Advanced text display with rich formatting options and customizable styling

BoxAppi

Flexible container with comprehensive styling options and layout controls

AnimatedBoxAppi

Animated container with smooth transitions and motion effects

SvgAppi

SVG image display component with scaling and color customization

CircleWebImageAppi

Circular web image loader with caching and placeholder support

📝 Form & Input Components
Powerful form controls for data collection and user input

TextFieldAppi

Advanced text input with validation, formatting, and extensive customization

SearchableTextFieldAppi

Text field with built-in search functionality and filtering capabilities

JsonInputFieldAppi

Specialized input field for JSON data with syntax highlighting

DropDownFieldAppi

Dropdown selection field with search and multi-select options

DropDownMenuAppi

Advanced dropdown menu with custom styling and animations

DatePickerAppi

Date selection component with calendar view and range selection

NumberKeypadAppi

Custom number input keypad for numeric data entry

NumberStepperAppi

Number increment/decrement control with customizable steps

QuillEditorAppi

Rich text editor with formatting tools and content management

QuillInputPopAppi

Popup rich text input with inline editing capabilities

✅ Selection Components
Interactive selection controls for user choices

CheckboxAppi

Custom checkbox component with styling and state management

RadioButtonAppi

Radio button selection with group management and custom styling

ToggleSwitchAppi

Toggle switch control with smooth animations and custom themes

SelectorGridAppi

Grid-based selection interface for multiple choice scenarios

SelectorListAppi

List-based selection component with search and filtering

InputChipAppi

Input chip component for tag-like selections and data entry

SearchChipAppi

Searchable chip selection with dynamic filtering capabilities

🔘 Button Components
Action triggers and navigation elements

ButtonAppi

Customizable button component with multiple styles and states

📊 Chart Components
Data visualization widgets for analytics and reporting

PieChartAppi

Interactive pie charts with legends, animations, and data tooltips

LineChartAppi

Line chart visualization with multiple data series and zoom controls

MultiLineChartAppi

Multiple line charts with comparative data visualization

HorizontalBarChartAppi

Horizontal bar charts for categorical data comparison

📋 Data Display Components
Components for presenting structured data and information

TableAppi

Advanced data table with sorting, filtering, and pagination

ListAppi

Enhanced list component with custom item rendering and interactions

⏳ Progress & Loading Components
Visual feedback for ongoing operations and loading states

CircleLoaderAppi

Circular loading indicator with customizable animations and colors

LinearProgressIndicatorAppi

Linear progress bar with determinate and indeterminate modes

🏗️ Layout Components
Structural components for app organization and state management

BottomSheetAppi

Custom bottom sheet with drag gestures and content management

StatefulWrapperAppi

Stateful widget wrapper for enhanced state management capabilities

HydratedAppi

State persistence wrapper with automatic data hydration

🚀 Quick Start​

To get started with any widget, simply import the library and use the component:

import 'package:appikorn_madix_widgets/appikorn_madix_widgets.dart';

// Example usage
TextFieldAppi(
  label: 'Email',
  keyboardType: TextInputType.emailAddress,
  hint: 'Enter your email',
)

📚 Documentation Features​

Each widget documentation includes:

  • Overview - What the widget does and when to use it
  • Usage Examples - Code samples for common use cases
  • Parameter Reference - Complete list of all available parameters
  • Best Practices - Tips for optimal usage
  • Related Components - Links to similar or complementary widgets

🎯 Getting Help​

  • Browse the sidebar to find specific widgets
  • Use the search functionality to quickly locate components
  • Check the Complete Examples for real-world implementations
  • Refer to the API Reference for technical details