Add start of tooltip to Radix Primitives Yew

Author: DanielleHuisman

Cargo.lock

@@ -20,10 +20,19 @@ radix-yew-label = { path = "../../../packages/primitives/yew/label", optional =
 radix-yew-select = { path = "../../../packages/primitives/yew/select", optional = true }
 radix-yew-separator = { path = "../../../packages/primitives/yew/separator", optional = true }
 radix-yew-switch = { path = "../../../packages/primitives/yew/switch", optional = true }
+radix-yew-tooltip = { path = "../../../packages/primitives/yew/tooltip", optional = true }
 yew = { workspace = true, features = ["csr"] }
 
 [features]
-default = ["aspect-ratio", "avatar", "label", "select", "separator", "switch"]
+default = [
+    "aspect-ratio",
+    "avatar",
+    "label",
+    "select",
+    "separator",
+    "switch",
+    "tooltip",
+]
 aspect-ratio = ["dep:radix-yew-aspect-ratio"]
 avatar = ["dep:radix-yew-avatar"]
 label = ["dep:radix-yew-label"]
@@ -36,3 +45,4 @@ select = [
 ]
 separator = ["dep:radix-yew-separator"]
 switch = ["dep:radix-yew-switch"]
+tooltip = ["dep:radix-yew-tooltip"]

book-examples/yew/primitives/Cargo.toml

@@ -548,10 +548,10 @@ pub struct PopperArrowProps {
 
     // Global attributes
     #[prop_or_default]
-    pub id: Option<String>,
-    #[prop_or_default]
     pub class: Option<String>,
     #[prop_or_default]
+    pub id: Option<String>,
+    #[prop_or_default]
     pub style: Option<String>,
 
     #[prop_or_default]
@@ -568,8 +568,8 @@ pub struct PopperArrowChildProps {
     pub attributes: Attributes,
 
     // Global attributes
-    pub id: Option<String>,
     pub class: Option<String>,
+    pub id: Option<String>,
     pub style: String,
 
     // Attributes from `svg`

packages/primitives/yew/popper/src/popper.rs

@@ -0,0 +1,21 @@
+[package]
+name = "radix-yew-tooltip"
+description = "Yew port of Radix Tooltip."
+homepage = "https://radix.rustforweb.org/primitives/components/tooltip.html"
+
+authors.workspace = true
+edition.workspace = true
+license.workspace = true
+repository.workspace = true
+version.workspace = true
+
+[dependencies]
+log.workspace = true
+radix-yew-id = { path = "../id", version = "0.0.2" }
+radix-yew-popper = { path = "../popper", version = "0.0.2" }
+radix-yew-primitive = { path = "../primitive", version = "0.0.2" }
+radix-yew-use-controllable-state = { path = "../use-controllable-state", version = "0.0.2" }
+radix-yew-visually-hidden = { path = "../visually-hidden", version = "0.0.2" }
+web-sys.workspace = true
+yew.workspace = true
+yew-struct-component.workspace = true

packages/primitives/yew/tooltip/Cargo.toml

@@ -0,0 +1,21 @@
+<p align="center">
+    <a href="../../../../logo.svg">
+        <img src="../../../../logo.svg" width="300" height="200" alt="Rust Radix Logo">
+    </a>
+</p>
+
+<h1 align="center">radix-yew-tooltip</h1>
+
+A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
+
+[Rust Radix](https://github.com/RustForWeb/radix) is a Rust port of [Radix](https://www.radix-ui.com/primitives).
+
+## Documentation
+
+See [the Rust Radix book](https://radix.rustforweb.org/) for documentation.
+
+## Rust For Web
+
+The Rust Radix project is part of the [Rust For Web](https://github.com/RustForWeb).
+
+[Rust For Web](https://github.com/RustForWeb) creates and ports web UI libraries for Rust. All projects are free and open source.

packages/primitives/yew/tooltip/README.md

@@ -0,0 +1,11 @@
+//! Yew port of [Radix Tooltip](https://www.radix-ui.com/primitives/docs/components/tooltip).
+//!
+//! A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
+//!
+//! See [the Rust Radix book](https://radix.rustforweb.org/primitives/components/tooltip.html) for more documentation.
+//!
+//! See [`@radix-ui/react-tooltip`](https://www.npmjs.com/package/@radix-ui/react-tooltip) for the original package.
+
+mod tooltip;
+
+pub use tooltip::*;