Fix: Remove play button from guide example (#1118)

* fix: Remove play button from guide example

* Update index.md

* update other examples
This commit is contained in:
Marc Espín authored and GitHub committed 2023-06-28 09:32:42 -05:00
1 parent 90f80e4dc2
commit 98fc153152
74 files changed
+503 -503

No files matched your search

@@ -8,7 +8,7 @@ Event handlers are similar to regular attributes, but their name usually starts
For example, to handle clicks on an element, we can specify an `onclick` handler:
```rust
```rust, no_run
{{#include ../../../examples/event_click.rs:rsx}}
```
@@ -33,7 +33,7 @@ Some events will trigger first on the element the event originated at upward. Fo
If you want to prevent this behavior, you can call `stop_propagation()` on the event:
```rust
```rust, no_run
{{#include ../../../examples/event_nested.rs:rsx}}
```
@@ -43,25 +43,25 @@ Some events have a default behavior. For keyboard events, this might be entering
In some instances, might want to avoid this default behavior. For this, you can add the `prevent_default` attribute with the name of the handler whose default behavior you want to stop. This attribute can be used for multiple handlers using their name separated by spaces:
```rust
```rust, no_run
{{#include ../../../examples/event_prevent_default.rs:prevent_default}}
```
Any event handlers will still be called.
> Normally, in React or JavaScript, you'd call "preventDefault" on the event in the callback. Dioxus does *not* currently support this behavior. Note: this means you cannot conditionally prevent default behavior based on the data in the event.
> Normally, in React or JavaScript, you'd call "preventDefault" on the event in the callback. Dioxus does _not_ currently support this behavior. Note: this means you cannot conditionally prevent default behavior based on the data in the event.
## Handler Props
Sometimes, you might want to make a component that accepts an event handler. A simple example would be a `FancyButton` component, which accepts an `on_click` handler:
```rust
```rust, no_run
{{#include ../../../examples/event_handler_prop.rs:component_with_handler}}
```
Then, you can use it like any other handler:
```rust
```rust, no_run
{{#include ../../../examples/event_handler_prop.rs:usage}}
```