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_carousel/fo_carousel_component
- components/fo_carousel/fo_carousel_slide_component
- 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