クローズボタン

モーダルやアラートなどのコンテンツを閉じるための汎用的なクローズボタンです。

Example

CloseButton コンポーネントを使用してコンポーネントを閉じるオプションを提供します。

デフォルトのスタイルは制限されていますが, カスタマイズできます。

vue
<template>
 <CloseButton />
</template>

Disabled state

無効にした閉じるボタンは、disabled 属性を追加します。

vue
<template>
 <CloseButton disabled />
</template>

White variant

デフォルトの CloseButton コンポーネントを white クラスで白に変更します。

このクラスは、 filter 属性を使用して background-image を反転します。

vue
<template>
 <CloseButton white />
 <CloseButton
  white
  disabled
 />
</template>