m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

updated new links for the stories (#17369)

Browse Source
This commit is contained in:
Nidhi Kumari 2023-01-26 01:21:25 +05:30 committed by GitHub
parent 29d4799f46
commit 709d0267f8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.storybook/2.DOCUMENTATION.stories.mdx
View File

@ -18,7 +18,7 @@ Some general documentation best practices to follow:
- Use the [controls](https://storybook.js.org/addons/@storybook/addon-controls/) over [knobs](https://storybook.js.org/addons/@storybook/addon-knobs)(deprecated) - Use the [controls](https://storybook.js.org/addons/@storybook/addon-controls/) over [knobs](https://storybook.js.org/addons/@storybook/addon-knobs)(deprecated)
- Use the [action argType annotation](https://storybook.js.org/docs/react/essentials/actions#action-argtype-annotation) over importing the actions plugin directly - Use the [action argType annotation](https://storybook.js.org/docs/react/essentials/actions#action-argtype-annotation) over importing the actions plugin directly
See the [Button](https://metamask.github.io/metamask-storybook/index.html?path=/story/ui-components-ui-button-button-stories-js--default-story)(`ui/components/ui/button/button.stories.js`) component for reference See the [Button](https://metamask.github.io/metamask-storybook/index.html?path=/story/components-ui-button--default-story)(`ui/components/ui/button/button.stories.js`) component for reference
## Creating a Story ## Creating a Story
@ -163,7 +163,7 @@ Buttons communicate actions that users can take.
<!-- Embed the DefaultStory using the storybook url --> <!-- Embed the DefaultStory using the storybook url -->
<Canvas> <Canvas>
<Story id="ui-components-ui-button-button-stories-js--default-story" /> <Story id="components-ui-button--default-story" />
</Canvas> </Canvas>
## Props ## Props
@ -196,7 +196,7 @@ By changing the `type` prop you can use different styles of the button.
<!-- Embed other stories to further illustrate component usage --> <!-- Embed other stories to further illustrate component usage -->
<Canvas> <Canvas>
<Story id="ui-components-ui-button-button-stories-js--types" /> <Story id="components-ui-button--type" />
</Canvas> </Canvas>
``` ```

2
ui/components/component-library/button/README.mdx
View File

@ -176,7 +176,7 @@ import { Button } from '../ui/component-library';
Use the `iconName` prop and the `ICON_NAMES` object from `./ui/components/component-library/icon` to select icon. Use the `iconName` prop and the `ICON_NAMES` object from `./ui/components/component-library/icon` to select icon.
Use the [IconSearch](/story/ui-components-component-library-icon-icon-stories-js--default-story) story to find the icon you want to use. Use the [IconSearch](/story/components-componentlibrary-icon--default-story) story to find the icon you want to use.
<Canvas> <Canvas>
<Story id="components-componentlibrary-button--icon" /> <Story id="components-componentlibrary-button--icon" />

4
ui/components/component-library/icon/icon.constants.js
View File

@ -3,9 +3,9 @@ import { SIZES } from '../../../helpers/constants/design-system';
/** /**
* The ICON_NAMES object contains all the possible icon names. * The ICON_NAMES object contains all the possible icon names.
* *
* Search for an icon: https://metamask.github.io/metamask-storybook/?path=/story/ui-components-component-library-icon-icon-stories-js--default-story * Search for an icon: https://metamask.github.io/metamask-storybook/?path=/story/components-componentlibrary-icon--default-story
* *
* Add an icon: https://metamask.github.io/metamask-storybook/?path=/docs/ui-components-component-library-icon-icon-stories-js--default-story#adding-a-new-icon * Add an icon: https://metamask.github.io/metamask-storybook/?path=/docs/components-componentlibrary-icon--default-story#adding-a-new-icon
* *
* ICON_NAMES is generated using svgs in app/images/icons and * ICON_NAMES is generated using svgs in app/images/icons and
* the generateIconNames script in development/generate-icon-names.js * the generateIconNames script in development/generate-icon-names.js

2
ui/components/component-library/text/README.mdx
View File

@ -323,7 +323,7 @@ import { Text, TEXT_DIRECTIONS } from '../../ui/components/component-library';
### Box Props ### Box Props
Use any valid box props [Box](/?path=/story/ui-components-ui-box-box-stories-js--default-story) component props to the Text component. Use any valid box props [Box](/?path=/story/components-ui-box--default-story) component props to the Text component.
### Class Name ### Class Name

2
ui/components/ui/typography/README.mdx
View File

@ -286,7 +286,7 @@ import Typography from '../../ui/typography';
### Box Props ### Box Props
Use the `boxProps` prop object to pass any valid [Box](/?path=/story/ui-components-ui-box-box-stories-js--default-story) component props to the Typography component. `boxProps` will overwrite the `margin` prop Use the `boxProps` prop object to pass any valid [Box](/?path=/story/components-ui-box--default-story) component props to the Typography component. `boxProps` will overwrite the `margin` prop
<Canvas> <Canvas>
<Story id="components-ui-typography--box-props" /> <Story id="components-ui-typography--box-props" />