From c133d2e0c774a21f0fd58884639329f7e2ad48a4 Mon Sep 17 00:00:00 2001 From: Troy Morehouse Date: Tue, 3 Sep 2019 20:31:41 -0300 Subject: [PATCH 1/2] docs(router-links): add more details to `active-class` and `exact-active-class` props --- docs/markdown/reference/router-links/README.md | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/docs/markdown/reference/router-links/README.md b/docs/markdown/reference/router-links/README.md index 8749b48c209..ee03a57bbd3 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 From f308f9df94a06b184b3c4879976e7f00de0ea779 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jacob=20M=C3=BCller?= Date: Wed, 4 Sep 2019 03:03:54 +0200 Subject: [PATCH 2/2] Update README.md --- docs/markdown/reference/router-links/README.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/markdown/reference/router-links/README.md b/docs/markdown/reference/router-links/README.md index ee03a57bbd3..d898c8edb1a 100644 --- a/docs/markdown/reference/router-links/README.md +++ b/docs/markdown/reference/router-links/README.md @@ -110,8 +110,8 @@ 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 +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` @@ -144,8 +144,8 @@ 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 +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