tedateコンテンツへスキップ夜の帳がおりています。良い時間をすごせますように。コンポーネントを呼び出す基本形は、この様な形になります。64px・クリックした時にリップルエフェクトが付いているという状態のボタンが生成されます。入っている形のものが展開されます。値を設定して、カスタマイズして使う事ができる、というわけです。次のリンクより、見ることができます。ついていくつか書いていきたいと思います。指定すると、ボタンの色が変更できます。指定可能な色が使えます。濃い背景色を指定すると、文字色を白くしないと、ボタンの文字が読めなくなる点があります。使用して白文字を適用する例をよく見かけます。使用は避けるようにした方が良いとのことです。本来ボタンが表示されるべき場所に、何も表示されない状態になってしまうことが確認できます。指定すれば、望む結果が得られるのでそうしてほしい、という意味のことが記載されています。指定すると、アイコンのみのボタンをつくることができます。コンポーネントを内包して使用します。使用してアイコンボタンをつくっています。次のリンク先を読み込むことで使用することができます。指定すると、円形のフローティング・アクション・ボタン(FAB)としての使用ができます。ちなみにフローティング・アクション・ボタンというのは、これのことですね。指定すると、外枠線のみを持ったシンプルなデザインに変更できます。指定すると、テキストのみのシンプルなボタンに変更できます。指定すると、角丸のボタンに変更できます。使ってclass定義せずとも、用意されているというのはお手軽で良いですね。aタグで囲うのはやめた方が良い、ということを、念のため書いておきたいと思います。タグというものはaタグで囲ってはいけないというルールになっています(厳密には)。厳密には、と言うのは、Chrome等のブラウザでは、buttonタグをaタグで囲ったリンクも動作するにはするのですが、Firefox等一部のブラウザでは、その仕様が厳密に解釈されて、リンク自体が動作しない場合があるためです。Lintにかけるとエラーが出ることは言うまでもありませんが。読み込んでいたりするページもあるかもしれないので、念のため書いておくことにしました。※おそらく、期間が短い単発のキャンペーンページ等では、もしかしたら上記のようなケースもあるかもしれないので。加えたサンプルを、先ほどの基本形の下に作成してあります。次のリンクより、確認する事ができます。Vuetify公式ページは以下です。Vuetifyまた、公式APIページはこちらになります。一覧が記載されています。ついてご紹介しました。最初に試すのに適しているコンポーネントの1つだと思います。辺りから使ってみた記憶があります。関する記事を掲載していく予定です。※この記事は、内容の品質向上を目的に、随時更新を行う場合があります。対象とした記事になります。インストールを試してみた記事もありますので、ぜひそちらもご覧ください。v-tabs][Vuetify3]まずはとにかく始めたい場合。