admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Introduce UI Components documentation (#1926)

Browse Source 
* new contributor guide folder architecture

* update content pass 1

* Prepare UI component folder to receive componentns

* Add component doc example for button

* Fix broken links

* Fix broken links

* Fix images
This commit is contained in:
Charles Bochet
2023-10-08 13:21:54 +02:00
committed by GitHub
parent 7b6ee4e0bf
commit edc060fce7
61 changed files with 872 additions and 1011 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
front/.storybook/main.js
View File

@ -2,14 +2,19 @@ const path = require('path');
computeStoriesGlob = () => {
if (process.env.STORYBOOK_STORIES_FOLDER === 'pages') {
return ['../src/pages/**/*.stories.@(js|jsx|ts|tsx)', '../src/__stories__/*.stories.@(js|jsx|ts|tsx)']
return [
'../src/pages/**/*.stories.@(js|jsx|ts|tsx)',
'../src/__stories__/*.stories.@(js|jsx|ts|tsx)',
'../src/pages/**/*.docs.mdx',
'../src/__stories__/*.docs.mdx'
]
}
if (process.env.STORYBOOK_STORIES_FOLDER === 'modules') {
return ['../src/modules/**/*.stories.@(js|jsx|ts|tsx)']
return ['../src/modules/**/*.stories.@(js|jsx|ts|tsx)', '../src/modules/**/*.docs.mdx']
}
return ['../src/**/*.stories.@(js|jsx|ts|tsx)']
return ['../src/**/*.stories.@(js|jsx|ts|tsx)', '../src/**/*.docs.mdx']
};
module.exports = {
@ -77,7 +82,7 @@ module.exports = {
'storybook-addon-pseudo-states',
'storybook-addon-cookie',
],
docs: { autodocs: true },
docs: { autodocs: false },
framework: {
name: '@storybook/react-webpack5',
options: {},

4
front/.storybook/preview-head.html
View File

@ -2,6 +2,7 @@
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap"
rel="stylesheet"
/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.7/iframeResizer.contentWindow.min.js"></script>
<style type="text/css">
body {
margin: 0;
@ -12,4 +13,7 @@ body {
html {
font-size: 13px;
}
.sbdocs-wrapper {
padding: 0 !important;
}
</style>