mdc_web library

Dart wrapper for the material-components-web Javascript library.

Packages without javascript wrappers here are implemented in (s)css:

  • Animation
  • Buttons
  • Cards
  • Elevation
  • Grid lists
  • Image list
  • Layout grid
  • RTL
  • Shape
  • Theme
  • Typography

Classes

AnchorCorner
The anchored corner of an MDCMenu or MDCMenuSurface.
AnchorMargin
The margins for an MDCMenu or MDCMenuSurface anchor.
MDCCheckbox
A material design checkbox. To listen for changes, use the native event.
MDCChip
Encompasses the behavior of a single chip. All of MDCChip’s emitted events bubble up through the DOM.
MDCChipSet
A set of MDCChips that controls how they interact.
MDCComponent
Base class for MDC Web components.
MDCDialog
Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks.
MDCDrawer
A material design navigation drawer.
MDCFloatingLabel
Floating labels display the type of input a field requires.
MDCFormField
MDC Form Field aligns an MDC Web form field (for example, a checkbox) with its label and makes it RTL-aware. It also activates a ripple effect upon interacting with the label.
MDCFoundation
The base class for each component's related foundation.
MDCIconButtonToggle
Toggle between an on and off icon.
MDCLinearProgress
A linear progress indicator.
MDCLineRipple
The line ripple is used to highlight user-specified input above it. When a line ripple is active, the line’s color and thickness changes.
MDCList
Lists are continuous, vertical indexes of text or images.
MDCMenu
A menu displays a list of choices on a temporary surface. They appear when users interact with a button, action, or other control.
MDCMenuSurface
A reusable surface that appears above the content of the page and can be positioned adjacent to an element.
MDCNotchedOutline
The notched outline is a border around all sides of either a Text Field or Select component. This is used for the Outlined variant of either a Text Field or Select.
MDCRadio
Radio buttons select one item out of a list.
MDCRipple
Material design surface ripples.
MDCSelect
A drop-down selection menu.
MDCSelectionControl
An interface for input controls.
MDCSlider
MDC Slider provides an implementation of the Material Design slider component. It is modeled after the browser’s element. Sliders are fully RTL-aware, and conform to the WAI-ARIA slider authoring practices.
MDCSnackbar
Snackbars provide brief messages about app processes at the bottom of the screen.
MDCSwitch
A toggle switch control.
MDCTab
A tab governs the visibility of one group of content.
MDCTabBar
Tabs organize and allow navigation between groups of content that are related and at the same level of hierarchy. The Tab Bar contains the Tab Scroller and Tab components.
MDCTabDimensions
MDCTabIndicator
A Tab Indicator is a visual guide that shows which Tab is active.
MDCTabScroller
A Tab Scroller allows for smooth native and animated scrolling of tabs.
MDCTextField
Text fields allow users to input, edit, and select text.
MDCTopAppBar
A Top app bar acts as a container for items such as application title, navigation icon, and action items.
Ponyfill
MDC DOM provides commonly-used utilities for inspecting, traversing, and manipulating the DOM.

Constants

autoInitEndEvent → const String
Triggered when initialization of all components is complete.

Functions

autoInit([Node? root, void warn(String)?]) → void
Automatically create MDC-Web components from html elements that have a data-mdc-auto-init="MDC<component>" attribute.
stringify(dynamic value, [dynamic replacer, dynamic space]) String