vuetify3 ブロック ボタンで要素を側面に揃える: ガイド

Question

次のボタンがあるとします。

<v-btn ブロック サイズ="x-large">
    <v-btn アイコン サイズ = "小" バリアント = "含む" >
        <v-icon>mdi 情報</v-icon>
    </v-btn>
    ボタンのテキスト
    <v-icon>mdi-check</v-icon>
</v-btn

左右のアイコンが文字で挟まれています。ボタンの右端と左端にそれぞれ配置するにはどうすればよいですか? v-spacer を使用してみましたが、機能しません。ボタンに v-row を使用してみましたが、項目の位置がさらにずれてしまったため、役に立ちませんでした。

Answer 1

justify プロパティを使用して項目を水平方向に整列できます。

ライブデモ:

リーリー リーリー