apz_flutter_components
A collection of reusable Flutter widgets like custom input fields, dropdowns, date pickers, and more, designed to speed up development and ensure UI consistency across Flutter apps.
Features
- 📥 Custom Input Field with validation
- 📆 Date Picker Field with formatting support
- 🔽 Dropdown Field with label & hint
- ☎️ Phone input with country selector
Getting Started
Add this to your pubspec.yaml:
dependencies:
apz_flutter_components: ^0.0.1
Then import and use:
import 'package:apz_flutter_components/apz_flutter_components.dart';
Example
ApzInputField(
label: 'Name',
hintText: 'Enter your name',
)
Libraries
- alerts/alerts
- apz_date_picker_field
- apz_dropdown_field
- apz_flutter_components
- apz_input_field
- apz_phone_input_with_dropdown
- badges/lg/error
- badges/lg/info
- badges/lg/success
- badges/lg/warning
- badges/sm/error
- badges/sm/info
- badges/sm/success
- badges/sm/warning
- buttons/custom
- buttons/primary/pri_ld_disabled
- buttons/primary/pri_lg_default
- buttons/primary/pri_lg_hover
- buttons/primary/pri_md_default
- buttons/primary/pri_md_disabled
- buttons/primary/pri_md_hover
- buttons/primary/pri_sm_default
- buttons/primary/pri_sm_disabled
- buttons/primary/pri_sm_hover
- buttons/secondary/sec_lg_default
- buttons/secondary/sec_lg_disabled
- buttons/secondary/sec_lg_hover
- buttons/secondary/sec_md_default
- buttons/secondary/sec_md_disabled
- buttons/secondary/sec_md_hover
- buttons/secondary/sec_sm_default
- buttons/secondary/sec_sm_disabled
- buttons/secondary/sec_sm_hover
- buttons/tertiary/hyp_lg_default
- buttons/tertiary/hyp_lg_disabled
- buttons/tertiary/hyp_lg_hover
- buttons/tertiary/hyp_md_default
- buttons/tertiary/hyp_md_disabled
- buttons/tertiary/hyp_md_hover
- buttons/tertiary/hyp_sm_default
- buttons/tertiary/hyp_sm_disabled
- buttons/tertiary/hyp_sm_hover
- categories/horizontal
- categories/verytical
- chips/active
- chips/default
- chips/disabled
- components/appz_input_field/appz_input_field
- components/appz_input_field/appz_input_field_enums
- components/appz_input_field/appz_input_field_theme
- components/appz_input_field/appz_style_config
- country_model
- dropdown/states/default
- dropdown/states/disabled
- dropdown/states/filled
- dropdown/states/onclick
- dropdown/states/success
- dropdown/variants/with_icon
- dropdown/variants/without_icon
- footer/fullsize_buttons.dart/pri_md_default
- footer/fullsize_buttons.dart/sec_md_default
- footer/split_buttons.dart/pri_md_default
- footer/split_buttons.dart/sec_md_default
- header/with_ticker
- header/without_ticker
- home_indicator/dark
- home_indicator/light
- input_fields/states/aadhaar
- input_fields/states/filled
- input_fields/states/mpin
- input_fields/variants/file_upload
- input_fields/variants/input_leading_icon
- input_fields/variants/input_tailing_icon
- input_fields/variants/mpin
- input_fields/variants/phone_no
- input_fields/variants/text_area
- input_fields/variants/with_action
- list_contents/label
- list_contents/side_by_side
- list_contents/two_line
- list_contents/value
- logo/logo1
- logo/logo2
- logo/logo3
- logo/logo4
- pop_over/default
- pop_over/hover
- pop_over/side_by_side
- pop_over/with_select
- progress_bar/with_bottom_floating_label
- progress_bar/with_bottom_label
- progress_bar/with_label
- progress_bar/with_top_floating_label
- progress_bar/without_label
- progress_circle/with_label/lg
- progress_circle/with_label/md
- progress_circle/with_label/sm
- progress_circle/with_label/xs
- progress_circle/with_label/xxs
- progress_circle/without_label/lg
- progress_circle/without_label/md
- progress_circle/without_label/sm
- progress_circle/without_label/xs
- progress_circle/without_label/xxs
- progress_step/progress_step
- promotions/poromotions
- searchbar/enabled_lg
- searchbar/enabled_sm
- searchbar/hovered_lg
- searchbar/hovered_sm
- selection/selectors/checkbox/active
- selection/selectors/checkbox/inactive
- selection/selectors/Radio_btn/active
- selection/selectors/Radio_btn/inactive
- selection/toggle_button_label/large/active
- selection/toggle_button_label/large/inactive
- selection/toggle_button_label/small/active
- selection/toggle_button_label/small/inactive
- selection/toggle_switch/large/active
- selection/toggle_switch/large/inactive
- selection/toggle_switch/small/active
- selection/toggle_switch/small/inactive
- selection/variants/icon_with_one_txt_line
- selection/variants/icon_with_two_txt_line
- sliders/sliders
- status_bar/dark
- status_bar/light
- tabs/tabs
- tabs/tabs_sub_elements.dart/active
- tabs/tabs_sub_elements.dart/default
- tags/rectangle
- tags/round
- tooltip/with_supporting_txt
- tooltip/without_supporting_txt