Playground GitHub npm

Login

Minimal centered login card with an SSO action. Composed block.

block block

Preview

Installation

npx slintcn@latest add login

Usage

import { Login } from "slintcn/blocks/login.slint";

Login {
    email <=> email;
    password <=> password;
    submit => { /* … */ }
    sso => { /* … */ }
}

Properties

email in-out string

Two-way bound to the email field.

password in-out string

Two-way bound to the password field.

submit callback ()

Fired on the primary action.

sso callback ()

Fired on the SSO button.

Dependencies

cardinputlabelbuttonseparator

Installed automatically as transitive dependencies of slintcn add login.