Playground GitHub npm

Profile

Account form — avatar, name, email, bio, with Save / Cancel. Composed block.

block block

Preview

Installation

npx slintcn@latest add profile

Usage

import { Profile } from "slintcn/blocks/profile.slint";

Profile {
    display-name <=> name;
    email <=> email;
    bio <=> bio;
    save => { /* … */ }
    cancel => { /* … */ }
}

Properties

display-name in-out string

Two-way bound to the name field.

email in-out string

Two-way bound to the email field.

bio in-out string

Two-way bound to the bio textarea.

save callback ()

Fired on Save changes.

cancel callback ()

Fired on Cancel.

Dependencies

cardavatarinputtextarealabelbuttonseparator

Installed automatically as transitive dependencies of slintcn add profile.