GlyphComponent class

A component that creates a material style icon. Currently only font icons are supported and material-icons-extended is the only supported font.

This stylesheet should be included at the top of the page:

<link rel="stylesheet"
    href="https://fonts.googleapis.com/icon?family=Material+Icons">

Make sure to take RTL into account. Specifically, use the flip attribute if the icon should be flipped for RTL UIs. Read these guidelines for advice on when and when not to flip the icon.

Attributes:

  • size: string {x-small, small, medium, large, x-large} -- Sizes names for the icon, corresponding to 12px, 13px, 16px, 18px, and 20px, respectively. If no size is specified, the default of 24px is used.
  • flip -- Whether the icon should be flipped for RTL languages.
Annotations
  • @Deprecated('Use MaterialIconComponent instead')
  • @Component(selector: 'glyph', templateUrl: 'glyph.html', styleUrls: ['glyph.scss.css'], changeDetection: ChangeDetectionStrategy.onPush)

Constructors

GlyphComponent(HtmlElement _element)

Properties

hashCode int
The hash code for this object.
no setterinherited
icon ↔ dynamic
Icon model (lib/model/ui/icon.dart) or Icon identifier - see https://www.google.com/design/icons/ for available icons.
getter/setter pair
iconName String?
no setter
iconSet String?
The set of icons to use. Only allowed value currently is material-icons-extended.
getter/setter pair
runtimeType Type
A representation of the runtime type of the object.
no setterinherited
useMaterialIconsExtended bool
no setter

Methods

noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
toString() String
A string representation of this object.
inherited

Operators

operator ==(Object other) bool
The equality operator.
inherited