Input - Developer documentation

Example code

<div style="width:240px; font-family:sans-serif;">
  <juo-input placeholder="Label"></juo-input>
</div>

Text input with variants, sizes, an error state with message, and optional leading icon or trailing suffix slots. Supports text, number, email, and password types.

Usage

<juo-input placeholder="Label">Input</juo-input>

Reference

Parameters

attr · default | embedded | null

default:"default"

attr · md | sm | lg | xl | null

default:"md"

prop · InputTypeHTMLAttribute

default:"text"

attr · string

attr · boolean

default:"false"

attr · string

attr · boolean

default:"false"

attr · string

prop · string | number

required

Events

The element dispatches native CustomEvents; the payload is in event.detail.

CustomEvent

event.detail: [value: string | number]

Slots

slot

⌘I

​Usage

​Reference

​Parameters

​Events

​Slots

Usage

Reference

Parameters

Events

Slots