Skip to content

Files

Latest commit

 

History

History

examples

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
assets
assets
 
 
fullstack-auth
fullstack-auth
 
 
fullstack-desktop
fullstack-desktop
 
 
fullstack-hello-world
fullstack-hello-world
 
 
fullstack-router
fullstack-router
 
 
fullstack-streaming
fullstack-streaming
 
 
pwa
pwa
 
 
tailwind
tailwind
 
 
README.md
README.md
 
 
all_events.rs
all_events.rs
 
 
backgrounded_futures.rs
backgrounded_futures.rs
 
 
calculator.rs
calculator.rs
 
 
calculator_mutable.rs
calculator_mutable.rs
 
 
clock.rs
clock.rs
 
 
context_api.rs
context_api.rs
 
 
control_focus.rs
control_focus.rs
 
 
counters.rs
counters.rs
 
 
crm.rs
crm.rs
 
 
custom_assets.rs
custom_assets.rs
 
 
custom_html.rs
custom_html.rs
 
 
custom_menu.rs
custom_menu.rs
 
 
disabled.rs
disabled.rs
 
 
dog_app.rs
dog_app.rs
 
 
dynamic_asset.rs
dynamic_asset.rs
 
 
errors.rs
errors.rs
 
 
eval.rs
eval.rs
 
 
file_upload.rs
file_upload.rs
 
 
flat_router.rs
flat_router.rs
 
 
form.rs
form.rs
 
 
future.rs
future.rs
 
 
generic_component.rs
generic_component.rs
 
 
global.rs
global.rs
 
 
hash_fragment_state.rs
hash_fragment_state.rs
 
 
hello_world.rs
hello_world.rs
 
 
hydration.rs
hydration.rs
 
 
image_generator_openai.rs
image_generator_openai.rs
 
 
link.rs
link.rs
 
 
logging.rs
logging.rs
 
 
login_form.rs
login_form.rs
 
 
memo_chain.rs
memo_chain.rs
 
 
meta.rs
meta.rs
 
 
multiwindow.rs
multiwindow.rs
 
 
nested_listeners.rs
nested_listeners.rs
 
 
optional_props.rs
optional_props.rs
 
 
overlay.rs
overlay.rs
 
 
popup.rs
popup.rs
 
 
query_segment_search.rs
query_segment_search.rs
 
 
read_size.rs
read_size.rs
 
 
readme.rs
readme.rs
 
 
reducer.rs
reducer.rs
 
 
resize.rs
resize.rs
 
 
router.rs
router.rs
 
 
router_resource.rs
router_resource.rs
 
 
rsx_usage.rs
rsx_usage.rs
 
 
scroll_to_top.rs
scroll_to_top.rs
 
 
shortcut.rs
shortcut.rs
 
 
shorthand.rs
shorthand.rs
 
 
signals.rs
signals.rs
 
 
simple_list.rs
simple_list.rs
 
 
simple_router.rs
simple_router.rs
 
 
spread.rs
spread.rs
 
 
ssr.rs
ssr.rs
 
 
streams.rs
streams.rs
 
 
suspense.rs
suspense.rs
 
 
svg.rs
svg.rs
 
 
title.rs
title.rs
 
 
todomvc.rs
todomvc.rs
 
 
video_stream.rs
video_stream.rs
 
 
visible.rs
visible.rs
 
 
weather_app.rs
weather_app.rs
 
 
web_component.rs
web_component.rs
 
 
wgpu_child_window.rs
wgpu_child_window.rs
 
 
window_event.rs
window_event.rs
 
 
window_focus.rs
window_focus.rs
 
 
window_zoom.rs
window_zoom.rs
 
 
xss_safety.rs
xss_safety.rs
 
 

README.md

Examples

These examples are fully-fledged mini Dioxus apps.

You can run them with cargo run --example EXAMPLE_NAME. Example:

cargo run --example hello_world

(Most of these examples are run through webview, so you don't need the Dioxus CLI installed)

Basic Features

hello_world - Most basic example

readme - Counter example from the Readme

custom_assets - Include images

custom_html - Customize wrapper HTML

eval - Evaluate JS expressions

RSX

rsx_usage - Demo of all RSX features

xss_safety - You can include text without worrying about injections by default

Props

optional_props - Optional props

CSS

tailwind - You can use a library for styling

Input Handling

all_events - Basic event handling demo

file upload - Handle uploading files

form - Handle form submission

inputs - Input values

nested_listeners - Nested handlers and bubbling

textarea - Text area input

State Management

context_api - Cross-component state sharing via Context API

Async

login_form - Login endpoint example

suspense - Render placeholders while data is loading

tasks - Continuously run future

SVG

svg

Server-side rendering

ssr - Rendering RSX server-side

hydration - Pre-rendering with hydration

Common Patterns

disabled - Disable buttons conditionally

errors - Handle errors with early return

Routing

flat_router - Basic, flat route example

router - Router example

link - Internal, external and custom links

Platform Features

window_event - Window decorations, fullscreen, minimization, etc.

window_zoom – Zoom in or out

Example Apps

calculator - Simple calculator

crm - Toy multi-page customer management app

dog_app - Accesses dog API

todomvc - Todo task list example