Reflex Cloud - Fast, secure & scalable hosting. One command to deploy.

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:

API Reference

rx.el.A

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

rx.el.Abbr

Display the abbr element.

Props

No component specific props

rx.el.Address

Display the address element.

Props

No component specific props

rx.el.Area

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]

rx.el.Article

Display the article element.

Props

No component specific props

rx.el.Aside

Display the aside element.

Props

No component specific props

rx.el.Audio

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]

rx.el.B

Display the b element.

Props

No component specific props

rx.el.Bdi

Display the bdi element.

Props

No component specific props

rx.el.Bdo

Display the bdo element.

Props

No component specific props

rx.el.Blockquote

Display the blockquote element.

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

rx.el.Body

Display the body element.

Props

No component specific props

rx.el.Br

Display the br element.

Props

No component specific props

rx.el.Button

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]

rx.el.Canvas

Display the canvas element.

Props

No component specific props

rx.el.Caption

Display the caption element.

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

rx.el.Cite

Display the cite element.

Props

No component specific props

rx.el.Code

Display the code element.

Props

No component specific props

rx.el.Col

Display the col element.

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

rx.el.Colgroup

Display the colgroup element.

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

rx.el.Data

Display the data element.

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

rx.el.Dd

Display the dd element.

Props

No component specific props

rx.el.Del

Display the del element.

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

rx.el.Details

Display the details element.

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

rx.el.Dfn

Display the dfn element.

Props

No component specific props

rx.el.Dialog

Display the dialog element.

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

rx.el.Div

Display the div element.

Props

No component specific props

rx.el.Dl

Display the dl element.

Props

No component specific props

rx.el.Dt

Display the dt element.

Props

No component specific props

rx.el.Em

Display the em element.

Props

No component specific props

rx.el.Embed

Display the embed element.

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

rx.el.Fieldset

Display the fieldset element.

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

rx.el.Figcaption

Display the figcaption element.

Props

No component specific props

rx.el.Footer

Display the footer element.

Props

No component specific props

rx.el.Form

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

rx.el.H1

Display the h1 element.

Props

No component specific props

rx.el.H2

Display the h1 element.

Props

No component specific props

rx.el.H3

Display the h1 element.

Props

No component specific props

rx.el.H4

Display the h1 element.

Props

No component specific props

rx.el.H5

Display the h1 element.

Props

No component specific props

rx.el.H6

Display the h1 element.

Props

No component specific props

rx.el.Head

Display the head element.

Props

No component specific props

rx.el.Header

Display the header element.

Props

No component specific props

rx.el.Hr

Display the hr element.

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

rx.el.Html

Display the html element.

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

rx.el.I

Display the i element.

Props

No component specific props

rx.el.Iframe

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]

rx.el.Img

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]

rx.el.Input

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

rx.el.Ins

Display the ins element.

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

rx.el.Kbd

Display the kbd element.

Props

No component specific props

rx.el.Label

Display the label element.

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

rx.el.Legend

Display the legend element.

Props

No component specific props

rx.el.Li

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]

rx.el.Main

Display the main element.

Props

No component specific props

rx.el.Mark

Display the mark element.

Props

No component specific props

rx.el.Math

Display the math element.

Props

No component specific props

rx.el.Meta

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]

rx.el.Meter

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]

rx.el.Nav

Display the nav element.

Props

No component specific props

rx.el.Noscript

Display the noscript element.

Props

No component specific props

rx.el.Object

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]

rx.el.Ol

Display the ol element.

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

rx.el.Optgroup

Display the optgroup element.

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

rx.el.Option

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]

rx.el.Output

Display the output element.

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

rx.el.P

Display the p element.

Props

No component specific props

rx.el.Picture

Display the picture element.

Props

No component specific props

rx.el.Portal

Display the portal element.

Props

No component specific props

rx.el.Pre

Display the pre element.

Props

No component specific props

rx.el.Progress

Display the progress element.

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

rx.el.Q

Display the q element.

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

rx.el.Rp

Display the rp element.

Props

No component specific props

rx.el.Rt

Display the rt element.

Props

No component specific props

rx.el.Ruby

Display the ruby element.

Props

No component specific props

rx.el.S

Display the s element.

Props

No component specific props

rx.el.Samp

Display the samp element.

Props

No component specific props

rx.el.Script

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]

rx.el.Section

Display the section element.

Props

No component specific props

rx.el.Select

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

rx.el.Small

Display the small element.

Props

No component specific props

rx.el.Source

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]

rx.el.Span

Display the span element.

Props

No component specific props

rx.el.Strong

Display the strong element.

Props

No component specific props

rx.el.Sub

Display the sub element.

Props

No component specific props

rx.el.Sup

Display the sup element.

Props

No component specific props

rx.el.svg.circle

The SVG circle component.

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

rx.el.svg.defs

Display the defs element.

Props

No component specific props

rx.el.svg.linear_gradient

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]

rx.el.svg.polygon

The SVG polygon component.

PropType | ValuesDefault
points
str
path_length
int

rx.el.svg.path

Display the path element.

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

rx.el.svg.rect

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

rx.el.svg.stop

Display the stop element.

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

rx.el.Table

Display the table element.

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

rx.el.Tbody

Display the tbody element.

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

rx.el.Td

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]

rx.el.Template

Display the template element.

Props

No component specific props

rx.el.Textarea

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

rx.el.Tfoot

Display the tfoot element.

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

rx.el.Th

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]

rx.el.Thead

Display the thead element.

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

rx.el.Time

Display the time element.

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

rx.el.Title

Display the title element.

Props

No component specific props

rx.el.Tr

Display the tr element.

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

rx.el.Track

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]

rx.el.U

Display the u element.

Props

No component specific props

rx.el.Ul

Display the ul element.

Props

No component specific props

rx.el.Video

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]

rx.el.Wbr

Display the wbr element.

Props

No component specific props