Skip to content

Toasts no-auto-hide and no-close-button example #5837

Closed
@marcgauch

Description

@marcgauch

Documentation issue

  • Reporting a typo
  • Reporting a documentation bug
  • Documentation improvement
  • Documentation feedback

Is there a specific documentation page you are reporting?

https://bootstrap-vue.org/docs/components/toast#accessibility-tips

When setting prop no-auto-hide to true, you must have a close button to allow users to dismiss the toast. If you have also set prop no-close-button to true, you must provide your own close button or dismiss the toast by some other means. Toasts have a tab index of 0 so that they can be reached by keyboard-only users.

Additional context or description

Using
this.$bvToast.toast('TEXT', { title: 'TITLE', noAutoHide: true, noCloseButton: true })
what are the own possibilities to close the toast?

const vNodesMsg = this.$createElement(
  'b-button',
  {
    on: {
      click: () => {
        // What to write here?
      }
    }
  },
  ['CLOSE']
)

this.$bvToast.toast([vNodesMsg], { title: 'TITLE', noAutoHide: true, noCloseButton: true })

Could this make it in to the documentation please?

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      pFad - Phonifier reborn

      Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

      Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


      Alternative Proxies:

      Alternative Proxy

      pFad Proxy

      pFad v3 Proxy

      pFad v4 Proxy