At the moment the documentation for grouped button-styled radio buttons is located in the "Buttons" component. However, I think it should be placed (or at least referenced) in the "Button Groups" component or the "Forms" component page. What do you think?

Test Case

https://codepen.io/valendres/pen/NzqyqN

Summary

Using @extend inside a ::before or ::after pseudo selector can result in invalid css, causing styling to not be applied to target elements. This happens when attempting to apply styling to elements within a .btn

Expected result

To be able to apply css on specific elements within a .btn.

Additional Informa

Type of issue: (feature suggestion, bug?)

Suggestion

Chapter:

no-chapter

Why use .jsx instead of .js? It's not a best practice: facebook/create-react-app#87 (comment)

Describe the bug

The React Bootstrap Toast is rendered on the page as hidden, whereas the Actual Bootstrap Toast has display none. This is not only not conforming with the actual bootstrap implementation (of actually having display none when a toast is not displayed, by using the "hide" class on the toast root), but is also very annoying and breaking layouts.

To Reproduce

Steps to r

Expected behaviour

Tell us what should happen.
the month should be changes as I choose the month

Actual behaviour

Tell us what happens instead.
the month viewed is back on current month when I call dpiSelectDate.datepicker('setDatesDisabled', response);

Datepicker version used

v1.9.0

ex. 1.6.1.

Example code

https://jsfiddle.net/xLwymeo3/4/
Jsfiddle example to

Follow up from #4453

Currently, documentation for <b-table> really only discusses and provides examples for the row-selected event:
https://bootstrap-vue.js.org/docs/components/table/#row-select-support

The only places the row-clicked event is mentioned are:
https://bootstrap-vue.js.org/docs/components/table/#data-row-accessibility
https://bootstrap-vue.js.org/docs/components/table

• I've read the guidelines for Contributing to Roots Projects
• This request isn't a duplicate of an existing issue
• I've read the docs and followed them (if applicable)
• This is not a personal support request that should be posted on the [Roots Discourse](https://discourse.roots

The cell input extension is not documented (didnt knew that extension exists until now).
@wenzhixin The extension is also not selectable on the online editor.

Guys, help me, please!

So, i'm get this error when i run "ng build".

ERROR in node_modules/@coreui/angular/lib/sidebar/app-sidebar.service.d.ts(6,20): error TS1005: ';' expected.
node_modules/@coreui/angular/lib/sidebar/app-sidebar.service.d.ts(6,55): error TS1005: '(' expected.
node_modules/@coreui/angular/lib/sidebar/app-sidebar.service.d.ts(8,18): error TS1005: ',' expected.
node_modul

• components: Input, CustomInput, CustomFileInput
• reactstrap version #8.4.1
• import method es
• react version #16.12.0
• bootstrap version #4.3.1

What is happening?

Input's that are invalid (i.e. have the invalid prop set to true), do not have the aria-invalid attribute applied.

What should be happening?

Invalid input's have aria-invalid attribute.

Ste

I'm making a data-heavy display with compact form controls and bootstrap-select seems to fit all my needs except it doesn't seem to have support for sizing.

In bootstrap3 my elements were all input-xs. Now with bootstrap4 that's been removed, so they're form-control-sm.

Are there options to make bootstrap-select elements at least as small as form-control-sm? They look totally out of plac

The controls that have the "form-control-user" class hide the text and the placeholder only in IE

If I deactivate the "padding" property of the class "form-control-user" it works correctly

![image](https://user-images.githubusercontent.com/13043081/59539290-35dd3580-8ec2-11e9-8fa

Probably pretty low priority but to go along with our change to descriptive icon names I think this would be a good idea. We already have text and text-short so it would go along with that scheme.

Bug description:

When opening a dropdown, it is outside the x viewport and add a x scrollbar

Link to minimally-working StackBlitz that reproduces the issue:

https://stackblitz.com/edit/angular-xhgz4p

Versions of Angular, ng-bootstrap and Bootstrap:

Angular: 8.2

ng-bootstrap: 5.1.4

I think that replacing innerHeight [here](https://github.com/ng-bootstrap/ng-boo

Is there a way to put a FontAwesome instead of text on data-on-text and data-off-text? Thanks

Bug description

For a custom tab heading with an input element. It is not possible to insert a space in this input.
It seems that the space is not possible because of this code block:

https://github.com/valor-software/ngx-bootstrap/blob/161f419c67daed188ad7a936aad4875f2cbc4dd5/src/tabs/tabset.component.ts#L101-L107

Plunker/StackBlitz that reproduces the issue

https://stackblitz.c

Expected Behavior

Fix this error: Another definition with same name exis

To add how to trigger snackbar with JS.
Adapted from docs.min.js. Code as such

//close snackbar on click
        $(".snackbar-btn").on("click", function () {
            $(this).parent(".snackbar").removeClass("show")
        });

//show snackbar on click and auto hide at either after 6000ms or button is click again to show new snackbar
        $(".snackbar-toggler").on("click",