diff --git a/docs/markdown/reference/router-links/README.md b/docs/markdown/reference/router-links/README.md index 8749b48c209..d898c8edb1a 100644 --- a/docs/markdown/reference/router-links/README.md +++ b/docs/markdown/reference/router-links/README.md @@ -110,6 +110,10 @@ Configure the active CSS class applied when the link is active. Note the default configured globally via the `linkActiveClass` [router constructor option](https://router.vuejs.org/api/#linkactiveclass). +With components that support router links (have a `to` prop), you will want to set this to the class +`'active'` (or a space separated string that includes `'active'`) to apply Bootstrap's active +styling on the component when the current route matches the `to` prop. + ### `exact` - type: `boolean` @@ -140,6 +144,10 @@ Configure the active CSS class applied when the link is active with exact match. value can also be configured globally via the `linkExactActiveClass` [router constructor option](https://router.vuejs.org/api/#linkexactactiveclass). +With components that support router links (have a `to` prop), you will want to set this to the class +`'active'` (or a space separated string that includes `'active'`) to apply Bootstrap's active +styling on the component when the current route matches the `to` prop. + ## Nuxt.js specific router link props When BootstrapVue detects that your app is running under [Nuxt.js](https://nuxtjs.org), it will