diff --git a/app/assets/stylesheets/scss/_upload.scss b/app/assets/stylesheets/scss/_upload.scss index 290069fa37..100ed7bb71 100644 --- a/app/assets/stylesheets/scss/_upload.scss +++ b/app/assets/stylesheets/scss/_upload.scss @@ -75,4 +75,12 @@ } .readme-buttons { justify-content: center; +} + +.readme-examples { + list-style-type: none; + padding-left: 0; + i { + margin-right: .5ch; + } } \ No newline at end of file diff --git a/app/javascript/react/components/ReadMeWizard/ReadMeSteps.jsx b/app/javascript/react/components/ReadMeWizard/ReadMeSteps.jsx index df24c5fd71..e63324e6f5 100644 --- a/app/javascript/react/components/ReadMeWizard/ReadMeSteps.jsx +++ b/app/javascript/react/components/ReadMeWizard/ReadMeSteps.jsx @@ -40,10 +40,44 @@ export default function ReadMeSteps({ , content: content.step2 || formatList(fileList), + examples: [ + { + key: 'nzs7h44xg', + example: + <>