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_carousel_component
- fo_carousel_slide_component
- 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