For the complete documentation index, see llms.txt. Markdown variants are available by appending .md to any URL or sending an Accept: text/markdown header. An agent skill is available at /.well-known/agent-skills/site-skill.md.
/
3
Sponsor

Secure Field

A masked password input field.

Import

use maccn::MacSecureField;

Usage

let state = cx.new(|cx| {
    InputState::new(window, cx)
        .placeholder("Passphrase")
        .masked(true)
});
 
MacSecureField::new("password", &state);

Sizes

use gpui::div;
use maccn::{MacControlSize, MacSecureField};
 
div()
    .flex()
    .items_center()
    .gap_2()
    .child(
        MacSecureField::new("secure-xl", &state)
            .size(MacControlSize::ExtraLarge)
            .w(px(220.)),
    )
    .child(
        MacSecureField::new("secure-s", &state)
            .size(MacControlSize::Small)
            .w(px(160.)),
    )

Disabled

MacSecureField::new("secure-d", &state)
    .disabled(true)
    .w(px(220.))

API

Props

PropTypeDefault
sizeMacControlSizeRegular
disabledboolfalse

InputState

MacSecureField::new(id, &state) requires an Entity<InputState> created with .masked(true).