Library

/

Html

/

Html

Reflex also provides a set of HTML elements that can be used to create web pages. These elements are the same as the HTML elements that are used in web development. These elements come unstyled bhy default. You can style them using style props or tailwindcss classes.

The following is a list of the HTML elements that are available in Reflex:

Display the 'a' element.

PropType | ValuesDefault
download
Union[str, int, bool]
href
Union[str, int, bool]
href_lang
Union[str, int, bool]
media
Union[str, int, bool]
ping
Union[str, int, bool]
referrer_policy
Union[str, int, bool]
rel
Union[str, int, bool]
shape
Union[str, int, bool]
target
Union[str, int, bool]

Event Triggers

See the full list of default event triggers

Display the abbr element.

Props

No component specific props

Display the address element.

Props

No component specific props

Display the area element.

PropType | ValuesDefault
alt
Union[str, int, bool]
coords
Union[str, int, bool]
download
Union[str, int, bool]
href
Union[str, int, bool]
href_lang
Union[str, int, bool]
media
Union[str, int, bool]
ping
Union[str, int, bool]
referrer_policy
Union[str, int, bool]
rel
Union[str, int, bool]
shape
Union[str, int, bool]
target
Union[str, int, bool]

Display the article element.

Props

No component specific props

Display the aside element.

Props

No component specific props

Display the audio element.

PropType | ValuesDefault
auto_play
Union[str, int, bool]
buffered
Union[str, int, bool]
controls
Union[str, int, bool]
cross_origin
Union[str, int, bool]
loop
Union[str, int, bool]
muted
Union[str, int, bool]
preload
Union[str, int, bool]
src
Union[str, int, bool]

Display the b element.

Props

No component specific props

Display the bdi element.

Props

No component specific props

Display the bdo element.

Props

No component specific props

Display the blockquote element.

PropType | ValuesDefault
cite
Union[str, int, bool]

Display the body element.

Props

No component specific props

Display the br element.

Props

No component specific props

Display the button element.

PropType | ValuesDefault
auto_focus
Union[str, int, bool]
disabled
bool
form
Union[str, int, bool]
form_action
Union[str, int, bool]
form_enc_type
Union[str, int, bool]
form_method
Union[str, int, bool]
form_no_validate
Union[str, int, bool]
form_target
Union[str, int, bool]
name
Union[str, int, bool]
type
Union[str, int, bool]
value
Union[str, int, bool]

Display the canvas element.

Props

No component specific props

Display the caption element.

PropType | ValuesDefault
align
Union[str, int, bool]

Display the cite element.

Props

No component specific props

Display the code element.

Props

No component specific props

Display the col element.

PropType | ValuesDefault
align
Union[str, int, bool]
span
Union[str, int, bool]

Display the colgroup element.

PropType | ValuesDefault
align
Union[str, int, bool]
span
Union[str, int, bool]

Display the data element.

PropType | ValuesDefault
value
Union[str, int, bool]

Display the dd element.

Props

No component specific props

Display the del element.

PropType | ValuesDefault
cite
Union[str, int, bool]
date_time
Union[str, int, bool]

Display the details element.

PropType | ValuesDefault
open
Union[str, int, bool]

Display the dfn element.

Props

No component specific props

Display the dialog element.

PropType | ValuesDefault
open
Union[str, int, bool]

Display the div element.

Props

No component specific props

Display the dl element.

Props

No component specific props

Display the dt element.

Props

No component specific props

Display the em element.

Props

No component specific props

Display the embed element.

PropType | ValuesDefault
src
Union[str, int, bool]
type
Union[str, int, bool]

Display the fieldset element.

PropType | ValuesDefault
disabled
Union[str, int, bool]
form
Union[str, int, bool]
name
Union[str, int, bool]

Display the figcaption element.

Props

No component specific props

Display the footer element.

Props

No component specific props

Display the form element.

PropType | ValuesDefault
accept
Union[str, int, bool]
accept_charset
Union[str, int, bool]
action
Union[str, int, bool]
auto_complete
Union[str, int, bool]
enc_type
Union[str, int, bool]
method
Union[str, int, bool]
name
Union[str, int, bool]
no_validate
Union[str, int, bool]
target
Union[str, int, bool]
reset_on_submit
bool
False
handle_submit_unique_name
str

Event Triggers

See the full list of default event triggers
TriggerDescription
on_submit Fired when the form is submitted

Display the h1 element.

Props

No component specific props

Display the h1 element.

Props

No component specific props

Display the h1 element.

Props

No component specific props

Display the h1 element.

Props

No component specific props

Display the h1 element.

Props

No component specific props

Display the h1 element.

Props

No component specific props

Display the head element.

Props

No component specific props

Display the header element.

Props

No component specific props

Display the hr element.

PropType | ValuesDefault
align
Union[str, int, bool]

Display the html element.

PropType | ValuesDefault
manifest
Union[str, int, bool]

Display the i element.

Props

No component specific props

Display the iframe element.

PropType | ValuesDefault
align
Union[str, int, bool]
allow
Union[str, int, bool]
csp
Union[str, int, bool]
loading
Union[str, int, bool]
name
Union[str, int, bool]
referrer_policy
Union[str, int, bool]
sandbox
Union[str, int, bool]
src
Union[str, int, bool]
src_doc
Union[str, int, bool]

Display the img element.

PropType | ValuesDefault
align
Union[str, int, bool]
alt
Union[str, int, bool]
cross_origin
Union[str, int, bool]
decoding
Union[str, int, bool]
intrinsicsize
Union[str, int, bool]
ismap
Union[str, int, bool]
loading
Union[str, int, bool]
referrer_policy
Union[str, int, bool]
sizes
Union[str, int, bool]
src
Any
src_set
Union[str, int, bool]
use_map
Union[str, int, bool]

Display the input element.

PropType | ValuesDefault
accept
Union[str, int, bool]
alt
Union[str, int, bool]
auto_complete
Union[str, int, bool]
auto_focus
Union[str, int, bool]
capture
Union[str, int, bool]
checked
Union[str, int, bool]
default_checked
bool
default_value
str
dirname
Union[str, int, bool]
disabled
Union[str, int, bool]
form
Union[str, int, bool]
form_action
Union[str, int, bool]
form_enc_type
Union[str, int, bool]
form_method
Union[str, int, bool]
form_no_validate
Union[str, int, bool]
form_target
Union[str, int, bool]
list
Union[str, int, bool]
max
Union[str, int, bool]
max_length
Union[str, int, bool]
min_length
Union[str, int, bool]
min
Union[str, int, bool]
multiple
Union[str, int, bool]
name
Union[str, int, bool]
pattern
Union[str, int, bool]
placeholder
Union[str, int, bool]
read_only
Union[str, int, bool]
required
Union[str, int, bool]
size
Union[str, int, bool]
src
Union[str, int, bool]
step
Union[str, int, bool]
type
Union[str, int, bool]
use_map
Union[str, int, bool]
value
Union[str, int, float]

Event Triggers

See the full list of default event triggers
TriggerDescription
on_focus Fired when the input gains focus
on_blur Fired when the input loses focus
on_change Fired when the input value changes
on_key_down Fired when a key is pressed down
on_key_up Fired when a key is released

Display the ins element.

PropType | ValuesDefault
cite
Union[str, int, bool]
date_time
Union[str, int, bool]

Display the kbd element.

Props

No component specific props

Display the label element.

PropType | ValuesDefault
html_for
Union[str, int, bool]
form
Union[str, int, bool]

Display the legend element.

Props

No component specific props

Display the li element.

Props

No component specific props

Display the link element.

PropType | ValuesDefault
cross_origin
Union[str, int, bool]
href
Union[str, int, bool]
href_lang
Union[str, int, bool]
integrity
Union[str, int, bool]
media
Union[str, int, bool]
referrer_policy
Union[str, int, bool]
rel
Union[str, int, bool]
sizes
Union[str, int, bool]
type
Union[str, int, bool]

Display the main element.

Props

No component specific props

Display the mark element.

Props

No component specific props

Display the math element.

Props

No component specific props

Display the meta element.

PropType | ValuesDefault
char_set
Union[str, int, bool]
content
Union[str, int, bool]
http_equiv
Union[str, int, bool]
name
Union[str, int, bool]

Display the meter element.

PropType | ValuesDefault
form
Union[str, int, bool]
high
Union[str, int, bool]
low
Union[str, int, bool]
max
Union[str, int, bool]
min
Union[str, int, bool]
optimum
Union[str, int, bool]
value
Union[str, int, bool]

Display the nav element.

Props

No component specific props

Display the noscript element.

Props

No component specific props

Display the object element.

PropType | ValuesDefault
data
Union[str, int, bool]
form
Union[str, int, bool]
name
Union[str, int, bool]
type
Union[str, int, bool]
use_map
Union[str, int, bool]

Display the ol element.

PropType | ValuesDefault
reversed
Union[str, int, bool]
start
Union[str, int, bool]
type
Union[str, int, bool]

Display the optgroup element.

PropType | ValuesDefault
disabled
Union[str, int, bool]
label
Union[str, int, bool]

Display the option element.

PropType | ValuesDefault
disabled
Union[str, int, bool]
label
Union[str, int, bool]
selected
Union[str, int, bool]
value
Union[str, int, bool]

Display the output element.

PropType | ValuesDefault
html_for
Union[str, int, bool]
form
Union[str, int, bool]
name
Union[str, int, bool]

Display the p element.

Props

No component specific props

Display the picture element.

Props

No component specific props

Display the portal element.

Props

No component specific props

Display the pre element.

Props

No component specific props

Display the progress element.

PropType | ValuesDefault
form
Union[str, int, bool]
max
Union[str, int, bool]
value
Union[str, int, bool]

Display the q element.

PropType | ValuesDefault
cite
Union[str, int, bool]

Display the rp element.

Props

No component specific props

Display the rt element.

Props

No component specific props

Display the ruby element.

Props

No component specific props

Display the s element.

Props

No component specific props

Display the samp element.

Props

No component specific props

Display the script element.

PropType | ValuesDefault
async_
Union[str, int, bool]
char_set
Union[str, int, bool]
cross_origin
Union[str, int, bool]
defer
Union[str, int, bool]
integrity
Union[str, int, bool]
language
Union[str, int, bool]
referrer_policy
Union[str, int, bool]
src
Union[str, int, bool]
type
Union[str, int, bool]

Display the section element.

Props

No component specific props

Display the select element.

PropType | ValuesDefault
auto_complete
Union[str, int, bool]
auto_focus
Union[str, int, bool]
disabled
Union[str, int, bool]
form
Union[str, int, bool]
multiple
Union[str, int, bool]
name
Union[str, int, bool]
required
Union[str, int, bool]
size
Union[str, int, bool]

Event Triggers

See the full list of default event triggers
TriggerDescription
on_change Fired when the select value changes

Display the small element.

Props

No component specific props

Display the source element.

PropType | ValuesDefault
media
Union[str, int, bool]
sizes
Union[str, int, bool]
src
Union[str, int, bool]
src_set
Union[str, int, bool]
type
Union[str, int, bool]

Display the span element.

Props

No component specific props

Display the strong element.

Props

No component specific props

Display the sub element.

Props

No component specific props

Display the sup element.

Props

No component specific props

The SVG circle component.

PropType | ValuesDefault
cx
Union[str, int]
cy
Union[str, int]
r
Union[str, int]
path_length
int

Display the defs element.

Props

No component specific props

Display the linearGradient element.

PropType | ValuesDefault
gradient_units
Union[str, bool]
gradient_transform
Union[str, bool]
spread_method
Union[str, bool]
x1
Union[str, int, bool]
x2
Union[str, int, bool]
y1
Union[str, int, bool]
y2
Union[str, int, bool]

The SVG polygon component.

PropType | ValuesDefault
points
str
path_length
int

Display the path element.

PropType | ValuesDefault
d
Union[str, int, bool]

The SVG rect component.

PropType | ValuesDefault
x
Union[str, int]
y
Union[str, int]
width
Union[str, int]
height
Union[str, int]
rx
Union[str, int]
ry
Union[str, int]
path_length
int

Display the stop element.

PropType | ValuesDefault
offset
Union[str, float, int]
stop_color
Union[str, Color, bool]
stop_opacity
Union[str, float, int, bool]

Display the table element.

PropType | ValuesDefault
align
Union[str, int, bool]
summary
Union[str, int, bool]

Display the tbody element.

PropType | ValuesDefault
align
Union[str, int, bool]

Display the td element.

PropType | ValuesDefault
align
Union[str, int, bool]
col_span
Union[str, int, bool]
headers
Union[str, int, bool]
row_span
Union[str, int, bool]

Display the template element.

Props

No component specific props

Display the textarea element.

PropType | ValuesDefault
auto_complete
Union[str, int, bool]
auto_focus
Union[str, int, bool]
auto_height
bool
cols
Union[str, int, bool]
dirname
Union[str, int, bool]
disabled
Union[str, int, bool]
enter_key_submit
bool
form
Union[str, int, bool]
max_length
Union[str, int, bool]
min_length
Union[str, int, bool]
name
Union[str, int, bool]
placeholder
Union[str, int, bool]
read_only
Union[str, int, bool]
required
Union[str, int, bool]
rows
Union[str, int, bool]
value
Union[str, int, bool]
wrap
Union[str, int, bool]

Event Triggers

See the full list of default event triggers
TriggerDescription
on_focus Fired when the input gains focus
on_blur Fired when the input loses focus
on_change Fired when the input value changes
on_key_down Fired when a key is pressed down
on_key_up Fired when a key is released

Display the tfoot element.

PropType | ValuesDefault
align
Union[str, int, bool]

Display the th element.

PropType | ValuesDefault
align
Union[str, int, bool]
col_span
Union[str, int, bool]
headers
Union[str, int, bool]
row_span
Union[str, int, bool]
scope
Union[str, int, bool]

Display the thead element.

PropType | ValuesDefault
align
Union[str, int, bool]

Display the time element.

PropType | ValuesDefault
date_time
Union[str, int, bool]

Display the title element.

Props

No component specific props

Display the tr element.

PropType | ValuesDefault
align
Union[str, int, bool]

Display the track element.

PropType | ValuesDefault
default
Union[str, int, bool]
kind
Union[str, int, bool]
label
Union[str, int, bool]
src
Union[str, int, bool]
src_lang
Union[str, int, bool]

Display the u element.

Props

No component specific props

Display the ul element.

Props

No component specific props

Display the video element.

PropType | ValuesDefault
auto_play
Union[str, int, bool]
buffered
Union[str, int, bool]
controls
Union[str, int, bool]
cross_origin
Union[str, int, bool]
loop
Union[str, int, bool]
muted
Union[str, int, bool]
plays_inline
Union[str, int, bool]
poster
Union[str, int, bool]
preload
Union[str, int, bool]
src
Union[str, int, bool]

Display the wbr element.

Props

No component specific props

Did you find this useful?

Raise an issue

Links

HomeShowcaseBlogChangelog

Join Newsletter

Get the latest updates and news about Reflex.

Copyright © 2024 Pynecone, Inc.