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

capitalize_pipe
currency_pipe
date_picker_cubit
date_picker_state
fo_button_component
fo_button_event
fo_check_component
fo_chip_component
fo_components
fo_date_picker_component
fo_dropdown_option
fo_dropdown_select_component
fo_error_output_component
fo_file_upload_component
fo_icon_component
fo_image_file_component
fo_load_indicator_component
fo_modal_component
fo_number_input_component
fo_option_component
fo_panel_component
fo_progress_bar_component
fo_question_component
fo_quiz_component
fo_quiz_model
fo_radio_component
fo_radio_group_component
fo_rating_component
fo_reorder_list_component
fo_tab_component
fo_tab_panel_component
fo_text_input_component
fo_textarea_input_component
fo_toggle_component
fo_validators
range_pipe
reorder_item_directive