html_components 0.0.1
html_components: ^0.0.1 copied to clipboard
A reusable component library written in HTML and Dart.
Use this package as a library
Depend on it
Run this command:
With Dart:
$ dart pub add html_components
This will add a line like this to your package's pubspec.yaml (and run an implicit dart pub get
):
dependencies:
html_components: ^0.0.1
Alternatively, your editor might support dart pub get
. Check the docs for your editor to learn more.
Import it
Now in your Dart code, you can use:
import 'package:html_components/components/common/converters.dart';
import 'package:html_components/components/common/converters/map_to_string.dart';
import 'package:html_components/components/common/generators.dart';
import 'package:html_components/components/common/generators/index_generator.dart';
import 'package:html_components/components/common/reflection.dart';
import 'package:html_components/components/common/reflection/functions.dart';
import 'package:html_components/components/common/templates.dart';
import 'package:html_components/components/common/templates/template_manager.dart';
import 'package:html_components/components/common/wrappers.dart';
import 'package:html_components/components/common/wrappers/image_model.dart';
import 'package:html_components/components/common/wrappers/size.dart';
import 'package:html_components/components/data/carousel.dart';
import 'package:html_components/components/data/carousel/data.dart';
import 'package:html_components/components/data/carousel/model.dart';
import 'package:html_components/components/data/carousel/template_manager.dart';
import 'package:html_components/components/data/column.dart';
import 'package:html_components/components/data/column/model.dart';
import 'package:html_components/components/data/common/table.dart';
import 'package:html_components/components/data/common/table/column_resizer.dart';
import 'package:html_components/components/data/common/tree.dart';
import 'package:html_components/components/data/common/tree/tree_node.dart';
import 'package:html_components/components/data/datagrid.dart';
import 'package:html_components/components/data/datagrid/data.dart';
import 'package:html_components/components/data/datagrid/model.dart';
import 'package:html_components/components/data/datagrid/template_manager.dart';
import 'package:html_components/components/data/datatable.dart';
import 'package:html_components/components/data/datatable/cell_editor.dart';
import 'package:html_components/components/data/datatable/data.dart';
import 'package:html_components/components/data/datatable/filter.dart';
import 'package:html_components/components/data/datatable/model.dart';
import 'package:html_components/components/data/datatable/sort.dart';
import 'package:html_components/components/data/orderlist.dart';
import 'package:html_components/components/data/orderlist/model.dart';
import 'package:html_components/components/data/paginator.dart';
import 'package:html_components/components/data/paginator/model.dart';
import 'package:html_components/components/data/picklist.dart';
import 'package:html_components/components/data/picklist/model.dart';
import 'package:html_components/components/data/rowexpansion.dart';
import 'package:html_components/components/data/rowexpansion/model.dart';
import 'package:html_components/components/data/selectlistbox.dart';
import 'package:html_components/components/data/selectlistbox/model.dart';
import 'package:html_components/components/data/tag.dart';
import 'package:html_components/components/data/tag/model.dart';
import 'package:html_components/components/data/tagcloud.dart';
import 'package:html_components/components/data/tagcloud/model.dart';
import 'package:html_components/components/data/tree.dart';
import 'package:html_components/components/data/tree/data.dart';
import 'package:html_components/components/data/tree/model.dart';
import 'package:html_components/components/data/tree/template.dart';
import 'package:html_components/components/data/treenode.dart';
import 'package:html_components/components/data/treenode/model.dart';
import 'package:html_components/components/data/treetable.dart';
import 'package:html_components/components/data/treetable/data.dart';
import 'package:html_components/components/data/treetable/model.dart';
import 'package:html_components/components/dialog/confirmationdialog.dart';
import 'package:html_components/components/dialog/confirmationdialog/model.dart';
import 'package:html_components/components/dialog/dialog.dart';
import 'package:html_components/components/dialog/dialog/model.dart';
import 'package:html_components/components/input/autocomplete.dart';
import 'package:html_components/components/input/autocomplete/data.dart';
import 'package:html_components/components/input/autocomplete/functions.dart';
import 'package:html_components/components/input/autocomplete/mode.dart';
import 'package:html_components/components/input/autocomplete/model.dart';
import 'package:html_components/components/input/booleanbutton.dart';
import 'package:html_components/components/input/booleanbutton/model.dart';
import 'package:html_components/components/input/maskedinput.dart';
import 'package:html_components/components/input/maskedinput/model.dart';
import 'package:html_components/components/input/rating.dart';
import 'package:html_components/components/input/rating/model.dart';
import 'package:html_components/components/input/selectbutton.dart';
import 'package:html_components/components/input/selectbutton/model.dart';
import 'package:html_components/components/input/selectcheckboxmenu.dart';
import 'package:html_components/components/input/selectcheckboxmenu/model.dart';
import 'package:html_components/components/input/selectitem.dart';
import 'package:html_components/components/input/selectitem/model.dart';
import 'package:html_components/components/menu/breadcrumb.dart';
import 'package:html_components/components/menu/common/menu.dart';
import 'package:html_components/components/menu/common/menu/select_event_detail.dart';
import 'package:html_components/components/menu/contextmenu.dart';
import 'package:html_components/components/menu/contextmenu/model.dart';
import 'package:html_components/components/menu/menubar.dart';
import 'package:html_components/components/menu/menubar/model.dart';
import 'package:html_components/components/menu/menubutton.dart';
import 'package:html_components/components/menu/menubutton/model.dart';
import 'package:html_components/components/menu/menuitem.dart';
import 'package:html_components/components/menu/menuitem/model.dart';
import 'package:html_components/components/menu/menuseparator.dart';
import 'package:html_components/components/menu/splitbutton.dart';
import 'package:html_components/components/menu/splitbutton/model.dart';
import 'package:html_components/components/menu/submenu.dart';
import 'package:html_components/components/menu/submenu/model.dart';
import 'package:html_components/components/multimedia/feedreader.dart';
import 'package:html_components/components/multimedia/feedreader/feed.dart';
import 'package:html_components/components/multimedia/feedreader/feed_item.dart';
import 'package:html_components/components/multimedia/feedreader/feed_reader.dart';
import 'package:html_components/components/multimedia/feedreader/model.dart';
import 'package:html_components/components/multimedia/gallery.dart';
import 'package:html_components/components/multimedia/gallery/model.dart';
import 'package:html_components/components/multimedia/imagecompare.dart';
import 'package:html_components/components/multimedia/imagecompare/model.dart';
import 'package:html_components/components/multimedia/lightbox.dart';
import 'package:html_components/components/multimedia/lightbox/model.dart';
import 'package:html_components/components/multimedia/photocam.dart';
import 'package:html_components/components/multimedia/photocam/model.dart';
import 'package:html_components/components/panel/accordion.dart';
import 'package:html_components/components/panel/accordion/model.dart';
import 'package:html_components/components/panel/panel.dart';
import 'package:html_components/components/panel/panel/model.dart';
import 'package:html_components/components/panel/tab.dart';
import 'package:html_components/components/panel/tab/listener.dart';
import 'package:html_components/components/panel/tab/model.dart';
import 'package:html_components/components/panel/tabview.dart';
import 'package:html_components/components/panel/tabview/model.dart';
import 'package:html_components/components/utility/clock.dart';
import 'package:html_components/components/utility/clock/model.dart';
import 'package:html_components/components/utility/draggable.dart';
import 'package:html_components/components/utility/draggable/model.dart';
import 'package:html_components/components/utility/growl.dart';
import 'package:html_components/components/utility/growl/event_detail.dart';
import 'package:html_components/components/utility/growl/model.dart';
import 'package:html_components/components/utility/growl_message.dart';
import 'package:html_components/components/utility/growl_message/listener.dart';
import 'package:html_components/components/utility/growl_message/model.dart';
import 'package:html_components/components/utility/growl_message/severity.dart';
import 'package:html_components/components/utility/notificationbar.dart';
import 'package:html_components/components/utility/notificationbar/model.dart';
import 'package:html_components/components/utility/resizable.dart';
import 'package:html_components/components/utility/resizable/model.dart';
import 'package:html_components/components/utility/resizable/resize_mode.dart';