Update ToggleIconButton

zendeskgarden · Oct 7, 2020 · b050ad7 · b050ad7
1 parent a5e9f1c
commit b050ad7
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/buttons/stories/9-ToggleIcon.stories.tsx b/packages/buttons/stories/9-ToggleIcon.stories.tsx
@@ -9,7 +9,8 @@ import React from 'react';
 import { Story, Meta } from '@storybook/react';
 import { ToggleIconButton } from '@zendeskgarden/react-buttons';
 import { Col, Grid, Row } from '@zendeskgarden/react-grid';
-import Icon from '@zendeskgarden/svg-icons/src/16/thumbs-up-stroke.svg';
+import IconStroke from '@zendeskgarden/svg-icons/src/16/thumbs-up-stroke.svg';
+import IconFill from '@zendeskgarden/svg-icons/src/16/thumbs-up-fill.svg';
 
 export default {
   title: 'Components/Buttons/ToggleIconButton',
@@ -42,7 +43,10 @@ export const Default: Story = ({
           disabled={disabled}
           size={size}
         >
-          <Icon />
+          <svg>
+            <IconFill style={{ opacity: isPressed ? 1 : 0 }} />
+            <IconStroke style={{ opacity: isPressed ? 0 : 1 }} />
+          </svg>
         </ToggleIconButton>
       </Col>
     </Row>