DropdownButtonComponent class

A button styled specifically for dropdowns.

By default, this button is rendered with a triangle icon and an underline. The component itself does not have a popup itself but can be used to build dropdowns that are not provided. Use material-dropdown-select for a component that has the same button style, and implements the dropdown itself.

Mixed-in types
Annotations
  • @Component(selector: 'dropdown-button', changeDetection: ChangeDetectionStrategy.onPush, templateUrl: 'dropdown_button.html', styleUrls: ['package:ngcomponents/button_decorator/button_decorator.scss.css', 'dropdown_button.scss.css'], directives: [ButtonDirective, MaterialIconComponent, KeyboardOnlyFocusIndicatorDirective, NgIf], providers: [ExistingProvider(HasDisabled, DropdownButtonComponent), ExistingProvider(Focusable, DropdownButtonComponent)])

Constructors

Properties

ariaActiveDescendant String?
The id of the active element of the dropdown.
getter/setter pair
ariaDescribedBy String?
getter/setter pair
ariaExpanded bool?
True if the dropdown is expanded.
getter/setter pair
ariaLabelledBy String?
The aria-labelledby value to apply to the button, or null.
getter/setter pair
ariaOwns String?
The id of the content of the dropdown.
getter/setter pair
ariaRole String?
no setter
button ButtonDirective?
no getter
buttonAriaLabel String?
Aria label for the button.
getter/setter pairinherited
buttonIcon Icon?
no setterinherited
buttonText String?
Text on the button.
getter/setter pairinherited
disabled bool
Whether the button is disabled.
getter/setter pairinherited
error String?
An error displayed below the button.
getter/setter pair
focusable Focusable?
no getterinherited
hashCode int
The hash code for this object.
no setterinherited
icon Icon?
Icon to be used with the button. (Optional)
getter/setter pairinherited
iconName String?
Icon to use for the button.
getter/setter pairinherited
invalid bool
no setter
onBlur Stream<FocusEvent>
Event that fires when the dropdown button is blurred.
no setter
onFocus Stream<FocusEvent>
Event when the element is focused.
no setterinherited
popupType String
The value for aria-haspopup.
getter/setter pair
raised bool
Whether the button is raised.
getter/setter pairinherited
role String?
The ARIA role of the dropdown button.
getter/setter pair
runtimeType Type
A representation of the runtime type of the object.
no setterinherited
showButtonBorder bool
Whether to show the bottom border of the dropdown button.
getter/setter pair
tabbable bool
Is the component tabbable.
getter/setter pair
trigger Stream<UIEvent>
Event fired when the button is clicked or keyboard activated.
no setter
uuid String
A unique id for the button element.
final

Methods

attributeToString(Object? inputValue) String?
focus() → void
Item/component focuses itself
inherited
handleBlur(FocusEvent event) → void
handleFocus(FocusEvent event) → void
inherited
ngOnInit() → void
Executed after the first change detection run for a directive.
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