Component.element constructor

const Component.element({
  1. required String tag,
  2. String? id,
  3. String? classes,
  4. Styles? styles,
  5. Map<String, String>? attributes,
  6. Map<String, EventCallback>? events,
  7. List<Component>? children,
  8. Key? key,
})

Creates a component which renders a html element node with the given tag, like a <div>, <button> etc.

Example:

return Component.element(
  tag: 'div',
  classes: 'some-class',
  styles: Styles(backgroundColor: Colors.red),
  children: [
    Component.text('Hello World'),
  ],
);

Renders:

<div class="some-class" style="background-color: red;">
  Hello World
</div>

Implementation

const factory Component.element({
  required String tag,
  String? id,
  String? classes,
  Styles? styles,
  Map<String, String>? attributes,
  Map<String, EventCallback>? events,
  List<Component>? children,
  Key? key,
}) = DomComponent._;