Two-tone icons, like our app style icons, will behave similarly to
normal glyphs when provided a specific color by applying the color
- to all the shapes within.
+ to all the shapes within. You can force the icon
+ to match the parent's text color by passing{' '}
+
The
When using custom SVGs for simple glyphs,{' '}
diff --git a/src-docs/src/views/list_group/list_group_link_actions.js b/src-docs/src/views/list_group/list_group_link_actions.js
index 56f41d90960..6cbdd4518a5 100644
--- a/src-docs/src/views/list_group/list_group_link_actions.js
+++ b/src-docs/src/views/list_group/list_group_link_actions.js
@@ -6,6 +6,7 @@ export default () => {
const [favorite1, setFavorite1] = useState(undefined);
const [favorite2, setFavorite2] = useState('link2');
const [favorite3, setFavorite3] = useState(undefined);
+ const [favorite4, setFavorite4] = useState(undefined);
const link1Clicked = () => {
setFavorite1(favorite1 === 'link1' ? undefined : 'link1');
@@ -28,6 +29,13 @@ export default () => {
}
};
+ const link4Clicked = () => {
+ setFavorite4(favorite4 === 'link4' ? undefined : 'link4');
+ if (favorite3 === undefined) {
+ document.activeElement.blur();
+ }
+ };
+
return (