FoComponents

A collection of AngularDart components for dealing with data and user input in admin-like apps

Components Gallery: https://afpatmin.github.io/fo_components/

Icons

FoComponents uses Material Icons by default. Include the following snippet in the <head> section of your index.html:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">

Custom theme

FoComponents inherits font/typography of the host application. We also encourage you to set your own color theme using the fo-colors mixin.

@import "package:fo_components/mixins";
@include fo-colors($primaryColor: red, $secondaryColor: green, $alertColor: red);

Many of the components can also be customized individually, see _mixins.scss under each component for details.

Libraries

pipes/capitalize_pipe
pipes/currency_pipe
cubits/date_picker/date_picker_cubit
cubits/date_picker/date_picker_state
components/fo_button/fo_button_component
components/fo_button/fo_button_event
components/fo_check/fo_check_component
components/fo_chip/fo_chip_component
fo_components
components/fo_date_picker/fo_date_picker_component
fo_dropdown_option
components/fo_dropdown_select/fo_dropdown_select_component
components/fo_text_input/fo_error_output_component
components/fo_file_upload/fo_file_upload_component
components/fo_icon/fo_icon_component
components/fo_image_file/fo_image_file_component
components/fo_load_indicator/fo_load_indicator_component
components/fo_modal/fo_modal_component
components/fo_number_input/fo_number_input_component
components/fo_quiz/fo_option_component
components/fo_panel/fo_panel_component
components/fo_progress_bar/fo_progress_bar_component
components/fo_quiz/fo_question_component
components/fo_quiz/fo_quiz_component
models/fo_quiz_model
components/fo_radio/fo_radio_component
components/fo_radio/fo_radio_group_component
components/fo_rating/fo_rating_component
components/fo_reorder_list/fo_reorder_list_component
components/fo_tab/fo_tab_component
components/fo_tab/fo_tab_panel_component
components/fo_text_input/fo_text_input_component
components/fo_text_input/fo_textarea_input_component
components/fo_toggle/fo_toggle_component
validators/fo_validators
pipes/range_pipe
directives/reorder_item_directive