MCPcopy Create free account
hub / github.com/DioxusLabs/dioxus-components / BlockSignIn

Function BlockSignIn

preview/src/main.rs:1286–1312  ·  view source on GitHub ↗
()

Source from the content-addressed store, hash-verified

1284
1285#[component]
1286fn BlockSignIn() -> Element {
1287 rsx! {
1288 div { style: "display: grid; gap: 0.3rem; margin-bottom: 1.1rem;",
1289 h3 { style: "margin: 0; font-size: 1.05rem; font-weight: 660; color: var(--secondary-color-3);", "Welcome back" }
1290 p { style: "margin: 0; color: var(--secondary-color-5); font-size: 0.85rem;", "Sign in to your workspace." }
1291 }
1292 div { style: "display: grid; gap: 0.75rem; margin-bottom: 1rem;",
1293 div { style: "display: grid; gap: 0.35rem;",
1294 Label { html_for: "blk-signin-email", "Email" }
1295 Input { id: "blk-signin-email", r#type: "email", placeholder: "you@example.com" }
1296 }
1297 div { style: "display: grid; gap: 0.35rem;",
1298 div { style: "display: flex; align-items: center;",
1299 Label { html_for: "blk-signin-pw", "Password" }
1300 span { style: "margin-left: auto; font-size: 0.78rem; color: var(--secondary-color-5); text-decoration: underline; text-underline-offset: 3px;",
1301 "Forgot?"
1302 }
1303 }
1304 Input { id: "blk-signin-pw", r#type: "password", placeholder: "••••••••" }
1305 }
1306 }
1307 div { style: "display: grid; gap: 0.5rem;",
1308 Button { style: "width: 100%;", "Sign in" }
1309 Button { variant: ButtonVariant::Outline, style: "width: 100%;", "Continue with Google" }
1310 }
1311 }
1312}
1313
1314#[component]
1315fn BlockProfile() -> Element {

Callers

nothing calls this directly

Calls

no outgoing calls

Tested by

no test coverage detected