Sha256: b9ba1a03434a985023f2bfe5795487c89efe101687252389255ee7270e96a372

Contents?: true

Size: 539 Bytes

Versions: 13

Compression:

Stored size: 539 Bytes

Contents

{{- /* Usage: js-dismiss "ComponentName" */ -}}

{{- $name := .Get 0 -}}

Dismissal can be achieved with the `data` attribute on a button **within the {{ $name }}** as demonstrated below:

```html
<button type="button" class="btn-close" data-bs-dismiss="{{ $name }}" aria-label="Close"></button>
```

or on a button **outside the {{ $name }}** using the `data-bs-target` as demonstrated below:

```html
<button type="button" class="btn-close" data-bs-dismiss="{{ $name }}" data-bs-target="#my-{{ $name }}" aria-label="Close"></button>
```

Version data entries

13 entries across 13 versions & 1 rubygems

Version Path
card-mod-bootstrap-0.18.1 vendor/bootstrap/site/layouts/shortcodes/js-dismiss.html
card-mod-bootstrap-0.18.0 vendor/bootstrap/site/layouts/shortcodes/js-dismiss.html
card-mod-bootstrap-0.17.0 vendor/bootstrap/site/layouts/shortcodes/js-dismiss.html
card-mod-bootstrap-0.16.0 vendor/bootstrap/site/layouts/shortcodes/js-dismiss.html
card-mod-bootstrap-0.15.6 vendor/bootstrap/site/layouts/shortcodes/js-dismiss.html
card-mod-bootstrap-0.15.5 vendor/bootstrap/site/layouts/shortcodes/js-dismiss.html
card-mod-bootstrap-0.15.4 vendor/bootstrap/site/layouts/shortcodes/js-dismiss.html
card-mod-bootstrap-0.15.3 vendor/bootstrap/site/layouts/shortcodes/js-dismiss.html
card-mod-bootstrap-0.15.1.2 vendor/bootstrap/site/layouts/shortcodes/js-dismiss.html
card-mod-bootstrap-0.15.2.pre1 vendor/bootstrap/site/layouts/shortcodes/js-dismiss.html
card-mod-bootstrap-0.15.1.1 vendor/bootstrap/site/layouts/shortcodes/js-dismiss.html
card-mod-bootstrap-0.15.1 vendor/bootstrap/site/layouts/shortcodes/js-dismiss.html
card-mod-bootstrap-0.15.0 vendor/bootstrap/site/layouts/shortcodes/js-dismiss.html