Serendie Design System

AboutGet StartedFoundationsComponents
© Mitsubishi Electric Corporation

Text Fieldテキストフィールド

1行のテキストを入力するためのコンポーネントです。Buttonなどと合わせてフォームを構成します。複数行にはTextAreaを使用してください。

更新 2024/11/1

状態

4種類の状態があります。入力必須とする際はrequired propsを使用し、非活性とする際はdisabled propsを使用してください。

Enabled

入力方法などに関するヘルプテキスト

Filled

入力方法などに関するヘルプテキスト

Error

入力方法などに関するヘルプテキスト

入力の誤りに関するテキスト

Focus

入力方法などに関するヘルプテキスト

Disabled

入力方法などに関するヘルプテキスト