*Troll*

Troll life is good !

Payer 30€ Payer 30€

<template>
  <cdx-button :disabled="showMessage" @click="showMessage = true">
    Show message
  </cdx-button>
  <cdx-message
    v-if="showMessage"
    type="success"
    :fade-in="true"
    :auto-dismiss="true"
    :display-time="3000"
  >
    Success! This message will disappear...
  </cdx-message>
</template>

<script>
const { defineComponent } = require("vue");
const { CdxMessage, CdxButton } = require("@wikimedia/codex");

module.exports = defineComponent({
  name: "MessageAutoDismiss",
  components: { CdxMessage, CdxButton },
  data() {
    return {
      showMessage: false,
    };
  },
});
</script>