![]() ![]() By default, the file is created with following content: The documentation site scans this directory for markdown or mdx files to create pages. The documentation for your component lives in src/M圜omponent/README.md. Please note that you need to follow Paragon's CSS styling conventions. This way the variables will also get automatically picked up by documentation site and displayed on your component's page. If you wish to use SASS variables (which is the preferred way of styling the components since values can beĮasily overridden and customized by the consumers of Paragon), add them in /src/M圜omponent/_variables.scss (this file should contain all variables specific to your component). If your component requires additional styling (which most likely is the case), edit created SCSS style sheet in yourĬomponent's directory /src/M圜omponent/M圜omponent.scss which by default contains an empty class for your component. You may view translated strings for each component on the documentation website by switching languages in the settings.ĭue to Paragon's dependence on react-intl, that means that your whole app needs to be wrapped in its provider, e.g.: Paragon supports internationalization for its components out of the box with the support of react-intl. Open edX Slack ( request an invite): #wg-paragon. ![]() Please reach out to the Paragon Working Group (PWG): Use paragon help to see more information.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |