From 10ba98c4f5ec4efe6272516de47f0ce128ef2902 Mon Sep 17 00:00:00 2001 From: Mario Date: Tue, 11 Oct 2022 18:41:34 +0000 Subject: Revert "update composer libs" This reverts commit 108a3efe0b6d37a7ed394a84c69b924ca727f17a. --- .../site/content/docs/5.2/components/list-group.md | 66 +++++++++++++++++----- 1 file changed, 51 insertions(+), 15 deletions(-) (limited to 'vendor/twbs/bootstrap/site/content/docs/5.2/components/list-group.md') diff --git a/vendor/twbs/bootstrap/site/content/docs/5.2/components/list-group.md b/vendor/twbs/bootstrap/site/content/docs/5.2/components/list-group.md index 7804c7406..563d5b527 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.2/components/list-group.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.2/components/list-group.md @@ -442,26 +442,62 @@ To make tabs panel fade in, add `.fade` to each `.tab-pane`. The first tab pane ### Methods -{{< callout danger >}} -{{< partial "callout-danger-async-methods.md" >}} -{{< /callout >}} +#### constructor + +Activates a list item element and content container. Tab should have either a `data-bs-target` or an `href` targeting a container node in the DOM. -Activates your content as a tab element. +```html +
+ Home + Profile + Messages + Settings +
+ +
+
...
+
...
+
...
+
...
+
-You can create a tab instance with the constructor, for example: + +``` + +#### show + +Selects the given list item and shows its associated pane. Any other list item that was previously selected becomes unselected and its associated pane is hidden. **Returns to the caller before the tab pane has actually been shown** (for example, before the `shown.bs.tab` event occurs). ```js -const bsTab = new bootstrap.Tab('#myTab') +const tab = new bootstrap.Tab('#someListItem') + +tab.show() ``` -{{< bs-table >}} -| Method | Description | -| --- | --- | -| `dispose` | Destroys an element's tab. | -| `getInstance` | Static method which allows you to get the tab instance associated with a DOM element, you can use it like this: `bootstrap.Tab.getInstance(element)`. | -| `getOrCreateInstance` | Static method which returns a tab instance associated to a DOM element or create a new one in case it wasn't initialized. You can use it like this: `bootstrap.Tab.getOrCreateInstance(element)`. | -| `show` | Selects the given tab and shows its associated pane. Any other tab that was previously selected becomes unselected and its associated pane is hidden. **Returns to the caller before the tab pane has actually been shown** (i.e. before the `shown.bs.tab` event occurs). | -{{< /bs-table >}} +#### dispose + +Destroys an element's tab. + +#### getInstance + +*Static* method which allows you to get the tab instance associated with a DOM element + +```js +const tab = bootstrap.Tab.getInstance('#trigger') // Returns a Bootstrap tab instance +``` + +#### getOrCreateInstance + +*Static* method which allows you to get the tab instance associated with a DOM element, or create a new one in case it wasn't initialized + +```js +const tab = bootstrap.Tab.getOrCreateInstance('#trigger') // Returns a Bootstrap tab instance +``` ### Events @@ -472,7 +508,7 @@ When showing a new tab, the events fire in the following order: 3. `hidden.bs.tab` (on the previous active tab, the same one as for the `hide.bs.tab` event) 4. `shown.bs.tab` (on the newly-active just-shown tab, the same one as for the `show.bs.tab` event) -If no tab was already active, then the `hide.bs.tab` and `hidden.bs.tab` events will not be fired. +If no tab was already active, the `hide.bs.tab` and `hidden.bs.tab` events will not be fired. {{< bs-table >}} | Event type | Description | -- cgit v1.2.3