Components for Standard HTML Elements

Flow comes with a set of components for standard HTML elements.

The module flow-html-components contains:

Component HTML Element Notes

Component	HTML Element	Notes
`Anchor`	`a`
`Article`	`article`
`Aside`	`aside`
`DescriptionList`	`dl`
`Div`	`div`
`Emphasis`	`em`
`Footer`	`footer`
`H1`, .., `H6`	`h1`, .., `h6`
`Header`	`header`
`Hr`	`hr`
`Iframe`	`iframe`
`Image`	`img`
`Input`	`input`
`Label`	`label`
`ListItem`	`li`
`Main`	`main`
`NativeButton`	`button`	`Button` class is used for `vaadin-button` Vaadin component.
`NativeDetails`	`details`	`Details` class is used for `vaadin-details` Vaadin component.
`Nav`	`nav`
`OrderedList`	`ol`
`Paragraph`	`p`
`Pre`	`pre`
`Section`	`section`
`Span`	`span`
`UnorderedList`	`ul`

Anchor

a

Article

article

Aside

aside

DescriptionList

dl

Div

div

Emphasis

em

Footer

footer

H1, .., H6

h1, .., h6

Header

header

Hr

hr

Iframe

iframe

Image

img

Input

input

Label

label

ListItem

li

Main

main

NativeButton

button

Button class is used for vaadin-button Vaadin component.

NativeDetails

details

Details class is used for vaadin-details Vaadin component.

Nav

nav

OrderedList

ol

Paragraph

p

Pre

pre

Section

section

Span

span

UnorderedList

ul

Standard HTML components have an API that allows you to set most typical properties and attributes. You can also use the Element API to set any property or attribute, if the component API doesn’t have an appropriate method.

Components that can contain other components implement the HtmlContainer interface to create a hierarchical structure. The Element API allows you to create any standard HTML element using the Element constructor. The ElementFactory class contains factory methods for many standard HTML elements.

6774751B-921E-4B79-941E-830D9C3532B4

Documentation

Documentation

Components for Standard HTML Elements