Component constructor

Component({ String? id, String tag = "div", Map<String, String>? attributes, List<Component>? children, String? className, Map<String, dynamic>? style, void onClick(Event)?, void onDoubleClick(Event)?, void onContextMenu(Event)?, void onDragStart(Event)?, void onDrag(Event)?, void onDragEnd(Event)?, void onDragEnter(Event)?, void onDragOver(Event)?, void onDragLeave(Event)?, void onDrop(Event)?, void onKeyDown(Event)?, void onKeyPress(Event)?, void onKeyUp(Event)?, void onMouseOver(Event)?, void onMouseOut(Event)?, void onMouseDown(Event)?, void onMouseUp(Event)?, void onMouseMove(Event)?, void onInput(Event)?, void onChange(Event)?, void onSubmit(Event)?, void onFocus(Event)?, void onBlur(Event)?, void onScroll(Event)?, void onWheel(Event)?, })

This is the base building block for all components.

It inherits the behavior of Element and adds additional functionality such as rendering and updating the component.

Components are the building blocks of a UI. They can be composed together to create complex UIs.

Implementation

Component({
  this.id,
  this.tag = "div",
  this.attributes,
  this.children,
  this.className,
  this.style,
  this.onClick,
  this.onDoubleClick,
  this.onContextMenu,
  this.onDragStart,
  this.onDrag,
  this.onDragEnd,
  this.onDragEnter,
  this.onDragOver,
  this.onDragLeave,
  this.onDrop,
  this.onKeyDown,
  this.onKeyPress,
  this.onKeyUp,
  this.onMouseOver,
  this.onMouseOut,
  this.onMouseDown,
  this.onMouseUp,
  this.onMouseMove,
  this.onInput,
  this.onChange,
  this.onSubmit,
  this.onFocus,
  this.onBlur,
  this.onScroll,
  this.onWheel,
});