TextField

j-text-field コンポーネントは、テキスト入力のコンポーネントです。

Props

NameTypeDefaultDescription
colorstring'primary'指定された色を装飾に適用します。
counterbooleanfalse文字数カウンタを表示します。
counter-lengthnumberundefined指定された長さを文字数カウンタに適用します。
disabledbooleanfalse入力を無効にします。
errorbooleanfalseエラー表示にします。
error-messagesarray[]指定されたテキストをエラーメッセージとして表示します。
hintarray[]指定されたテキストをヒントメッセージとして表示します。
labelstringundefined指定されたラベルをコンポーネントに適用します。
loadingbooleanfalseローディングアニメーションを表示します。
readonlybooleanfalse読み取り専用状態にします。
requiredbooleanfalse必須マークを表示します。
successbooleanfalse成功表示にします。
success-messagesarray[]指定されたテキストを成功メッセージとして表示します。
typestringtext指定された値を type 属性としてコンポーネントに適用します。
valuestring|number''現在入力している値を指定します。

Events

NameDescription
click:appendappend の内容がクリックされたときに発生するイベントです。
click:append-outerappend-outer の内容がクリックされたときに発生するイベントです。
click:prependprepend の内容がクリックされたときに発生するイベントです。
click:prepend-innerprepend-inner の内容がクリックされたときに発生するイベントです。
inputテキストが入力されたときに発生するイベントです。

Slots

NameDescription
appendコンポーネント内側の右側に表示するコンテンツです。
append-outerコンポーネント外側の右側に表示するコンテンツです。
prependコンポーネント外側の左側に表示するコンテンツです。
prepend-innerコンポーネント内側の左側に表示するコンテンツです。