Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adding docs to Button and migrating to MDX #762

Merged
merged 6 commits into from
Jun 16, 2021

Conversation

Gmantiqueira
Copy link
Contributor

@Gmantiqueira Gmantiqueira commented Jun 11, 2021

What's the purpose of this pull request?

I think we can't write a scalable, good and accessible documentation with the TSX format. MDX make it more accessible for other people to suggest or add more information to our components and adds some more things that we can do with Markdown + JSX.

How it works?

This PR adds an example of MDX story for Storybook and creates docs for Button. I'll migrate the other components if this PR makes sense.

How to test it?

https://deploy-preview-762--storeui.netlify.app/?path=/docs/atoms-button--button

References

Storybook MDX docs

@Gmantiqueira Gmantiqueira requested a review from a team as a code owner June 11, 2021 19:38
@netlify
Copy link

netlify bot commented Jun 11, 2021

✔️ Deploy Preview for storeui ready!

🔨 Explore the source changes: cd1a504

🔍 Inspect the deploy log: https://app.netlify.com/sites/storeui/deploys/60ca6c1e62d08700087163e9

😎 Browse the preview: https://deploy-preview-762--storeui.netlify.app/iframe

@codesandbox-ci
Copy link

codesandbox-ci bot commented Jun 11, 2021

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit cd1a504:

Sandbox Source
Store UI Typescript Configuration

Copy link
Member

@emersonlaurentino emersonlaurentino left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great job!

packages/store-ui/src/atoms/Button/Button.tsx Outdated Show resolved Hide resolved
@tlgimenes
Copy link
Contributor

Muito Bom!

@tlgimenes
Copy link
Contributor

tlgimenes commented Jun 11, 2021

Is there a way of making the code beautiful too?
image

@Gmantiqueira Gmantiqueira force-pushed the storybook/button-docs branch from b09ed38 to fdfae10 Compare June 14, 2021 18:23
@Gmantiqueira
Copy link
Contributor Author

Gmantiqueira commented Jun 14, 2021

Is there a way of making the code beautiful too?
image

Thanks, this happens when I use an intermediate variable. It's fixed.

Screen Shot 2021-06-14 at 3 26 09 PM

packages/store-ui/src/atoms/Button/Button.tsx Outdated Show resolved Hide resolved
@Gmantiqueira Gmantiqueira merged commit f8a858a into master Jun 16, 2021
@Gmantiqueira Gmantiqueira deleted the storybook/button-docs branch June 16, 2021 21:35
bentoper pushed a commit that referenced this pull request Jun 17, 2021
* Adding docs to Button and migrating to MDX

* Fix optional typing

* Fix show code content

* Fix prop description

* Removing href prop from button

* Removing href and as props
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants