Skip to content

Update Progress to Leptos 0.7 #441

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
geoffreygarrett wants to merge 14 commits into
base: main
Choose a base branch
from
Open

Update Progress to Leptos 0.7 #441

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
397503d
Update Workspace for Leptos 0.7
Jan 8, 2025
7015962
Update Workspace for Leptos 0.7
Jan 8, 2025
e896ace
Update Primitive to Leptos 0.7
Jan 6, 2025
2ee135b
Update Primitive for Leptos 0.7
Jan 8, 2025
08e08ac
Update Primitive for Leptos 0.7
Jan 8, 2025
98abf14
Update Primitive for Leptos 0.7
Jan 8, 2025
58da46a
Update Context to Leptos 0.7
Jan 6, 2025
01d354b
Update Context to Leptos 0.7
Jan 6, 2025
dbe1e7c
Update Context to Leptos 0.7
Jan 8, 2025
00e20c2
Update Context to Leptos 0.7
Jan 8, 2025
dd70b88
Merge branch 'update/leptos-0.7-primitive' into update/leptos-0.7-pro…
Jan 8, 2025
358f96b
Update Progress to Leptos 0.7
Jan 8, 2025
27a707e
Update Progress to Leptos 0.7
Jan 8, 2025
35f2362
feat: update progress.rs
geoffreygarrett Apr 19, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Update Progress to Leptos 0.7
  • Loading branch information
geoffreygarrett committed Jan 8, 2025
commit 358f96bc141fe82f7b7f65a267721d6224606eb9
32 changes: 16 additions & 16 deletions book/src/primitives/components/progress.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ files = ["src/progress.rs"]

## Features

- Provides context for assistive technology to read the progress of a task.
- Provides context for assistive technology to read the progress of a task.

## Installation

Expand All @@ -29,9 +29,9 @@ Install the component from your command line.
cargo add radix-leptos-progress
```

- [View on crates.io](https://crates.io/crates/radix-leptos-progress)
- [View on docs.rs](https://docs.rs/radix-leptos-progress/latest/radix_leptos_progress/)
- [View source](https://github.com/RustForWeb/radix/tree/main/packages/primitives/leptos/progress)
- [View on crates.io](https://crates.io/crates/radix-leptos-progress)
- [View on docs.rs](https://docs.rs/radix-leptos-progress/latest/radix_leptos_progress/)
- [View source](https://github.com/RustForWeb/radix/tree/main/packages/primitives/leptos/progress)

{{#endtab }}
{{#endtabs }}
Expand All @@ -45,14 +45,14 @@ Import all parts and piece them together.

```rust,ignore
use leptos::*;
use radix_leptos_progress::*;
use radix_leptos_progress::primitive as Progress;

#[component]
fn Anatomy() -> impl IntoView {
view! {
<Progress>
<ProgressIndicator />
</Progress>
<Progress::Root>
<Progress::Indicator />
</Progress::Root>
}
}
```
Expand All @@ -70,19 +70,19 @@ Contains all of the progress parts.
{{#tab name="Leptos" }}

| Prop | Type | Default |
| ----------------- | -------------------------------------- | ------- |
|-------------------|----------------------------------------|---------|
| `as_child` | `MaybeProp<bool>` | `false` |
| `value` | `MaybeProp<f64>` | - |
| `value` | `MaybeProp<f64>` | – |
| `max` | `MaybeProp<f64>` | `100.0` |
| `get_value_label` | `Option<Callback<(f64, f64), String>>` | - |
| `get_value_label` | `Option<Callback<(f64, f64), String>>` | – |

{{#endtab }}
{{#endtabs }}

<div style="height: 1em;"></div>

| Data attribute | Values |
| -------------- | -------------------------------------------- |
|----------------|----------------------------------------------|
| `[data-state]` | `"complete" \| "indeterminate" \| "loading"` |
| `[data-value]` | The current value |
| `[data-max]` | The max value |
Expand All @@ -95,7 +95,7 @@ Used to show the progress visually. It also makes progress accessible to assisti
{{#tab name="Leptos" }}

| Prop | Type | Default |
| ---------- | ----------------- | ------- |
|------------|-------------------|---------|
| `as_child` | `MaybeProp<bool>` | `false` |

{{#endtab }}
Expand All @@ -104,15 +104,15 @@ Used to show the progress visually. It also makes progress accessible to assisti
<div style="height: 1em;"></div>

| Data attribute | Values |
| -------------- | -------------------------------------------- |
|----------------|----------------------------------------------|
| `[data-state]` | `"complete" \| "indeterminate" \| "loading"` |
| `[data-value]` | The current value |
| `[data-max]` | The max value |

## Accessibility

Adheres to the [`progressbar` role requirements](https://www.w3.org/WAI/ARIA/apg/patterns/meter/).
Adheres to the [`progressbar` role requirements](https://www.w3.org/WAI/ARIA/apg/patterns/meter).

## See Also

- [Radix documentation](https://www.radix-ui.com/primitives/docs/components/progress)
- [Radix documentation](https://www.radix-ui.com/primitives/docs/components/progress)
3 changes: 3 additions & 0 deletions packages/primitives/leptos/progress/Cargo.toml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,3 +11,6 @@ version.workspace = true

[dependencies]
leptos.workspace = true
leptos-node-ref.workspace = true
radix-leptos-primitive.workspace = true
radix-leptos-context.workspace = true
2 changes: 2 additions & 0 deletions packages/primitives/leptos/progress/src/lib.rs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,8 @@
//!
//! See [`@radix-ui/react-progress`](https://www.npmjs.com/package/@radix-ui/react-progress) for the original package.

extern crate core;

mod progress;

pub use progress::*;
Loading