Vuetify

ショップ

企業向け

テキストエリアコンポーネントは、大量のテキストデータをまとめるために使用されます。

最も単純な形式の v-textarea は、複数行のテキストフィールドで、大量のテキストを扱うとき役立ちます。

確認したいコンポーネントを下から選び、利用できる props、slots、events、functions を確認してください。

以下に、簡単な例から複雑な例まで示します。

append-iconprepend-icon propsは、 v-textareaにコンテキストを追加するのに役立ちます。

auto-grow propを使用すると、含まれるテキストサイズに応じて、textarea のサイズは自動的に拡張されます。

background-colorcolor propsにより、 v-textareaのスタイルをより細かく制御できます。

The autocomplete prop gives you the option to enable the browser to predict user input.

clearable propを使用すると、テキストをv-textareaからクリアできるようになります。アイコンはclearable-icon propでカスタマイズできます。

counter prop は、ユーザーにv-textareaの文字数制限を通知します。

v-textarea's have the option to remain the same size regardless of their content's size, using the no-resize prop.

The rows prop allows you to define how many rows the textarea has, when combined with the row-height prop you can further customize your rows by defining their height.

Utilizing alternative input styles, you can create amazing interfaces that are easy to build and easy to use.

準備はいいですか? 以下から続きが読めます。

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!