ショップ

企業向け

v-color-pickerを使用すると、さまざまな入力方法を使用して色を選択できます。

Options

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

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

v-color-pickerv-modelpropを使用して表示される色を制御します。 #FF00FFおよび#FF00FF00などの16進文字列、およびRGBAHSLAおよびHSVA値を表すオブジェクトをサポートします。

Using the show-swatches prop you can display an array of color swatches that users can pick from. It is also possible to customize what colors are shown using the swatches prop. This prop accepts a two-dimensional array, where the first dimension defines a column, and second dimension defines the swatches from top to bottom by providing rgba hex strings. You can also set the max height of the swatches section with the swatches-max-height prop.

The number inputs can be hidden with the hide-inputs prop. You can also hide the mode switch icon with the hide-mode-switch prop. The mode can also be controlled externally through the mode prop.

The canvas can be hidden with the hide-canvas prop, and you can set its height with the prop canvas-height. The size of the selection dot can be controlled with the dot-size prop.

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

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