-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
e8ac17b
commit 2c7ed15
Showing
22 changed files
with
209 additions
and
24 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,24 @@ | ||
| # ref : https://budiirawan.com/how-to-publish-storybook-github-pages/ | ||
| name: Storybook | ||
| on: | ||
| push: | ||
| branches: | ||
| - main # if any push happens on branch `main`, run this workflow. You could also add `paths` to detect changes in specific folder | ||
|
|
||
| jobs: | ||
| build-and-deploy: | ||
| runs-on: ubuntu-latest | ||
| steps: | ||
| - name: Checkout | ||
| uses: actions/[email protected] | ||
|
|
||
| - name: Install and Build | ||
| run: | | ||
| npm ci | ||
| npm run build-storybook | ||
| - name: Deploy | ||
| uses: JamesIves/[email protected] | ||
| with: | ||
| branch: gh-pages | ||
| folder: storybook-static # output folder from `npm run build-storybook` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,154 @@ | ||
| import { Meta } from '@storybook/addon-docs'; | ||
| import Code from './assets/code-brackets.svg'; | ||
| import Colors from './assets/colors.svg'; | ||
| import Comments from './assets/comments.svg'; | ||
| import Direction from './assets/direction.svg'; | ||
| import Flow from './assets/flow.svg'; | ||
| import Plugin from './assets/plugin.svg'; | ||
| import Repo from './assets/repo.svg'; | ||
| import StackAlt from './assets/stackalt.svg'; | ||
|
|
||
| <Meta title="Introduction" /> | ||
|
|
||
| <style> | ||
| {` | ||
| .subheading { | ||
| --mediumdark: '#999999'; | ||
| font-weight: 900; | ||
| font-size: 13px; | ||
| color: #999; | ||
| letter-spacing: 6px; | ||
| line-height: 24px; | ||
| text-transform: uppercase; | ||
| margin-bottom: 12px; | ||
| margin-top: 40px; | ||
| } | ||
| .link-list { | ||
| display: grid; | ||
| grid-template-columns: 1fr; | ||
| grid-template-rows: 1fr 1fr; | ||
| row-gap: 10px; | ||
| } | ||
| @media (min-width: 620px) { | ||
| .link-list { | ||
| row-gap: 20px; | ||
| column-gap: 20px; | ||
| grid-template-columns: 1fr 1fr; | ||
| } | ||
| } | ||
| @media all and (-ms-high-contrast:none) { | ||
| .link-list { | ||
| display: -ms-grid; | ||
| -ms-grid-columns: 1fr 1fr; | ||
| -ms-grid-rows: 1fr 1fr; | ||
| } | ||
| } | ||
| .link-item { | ||
| display: block; | ||
| padding: 20px 30px 20px 15px; | ||
| border: 1px solid #00000010; | ||
| border-radius: 5px; | ||
| transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out; | ||
| color: #333333; | ||
| display: flex; | ||
| align-items: flex-start; | ||
| } | ||
| .link-item:hover { | ||
| border-color: #1EA7FD50; | ||
| transform: translate3d(0, -3px, 0); | ||
| box-shadow: rgba(0, 0, 0, 0.08) 0 3px 10px 0; | ||
| } | ||
| .link-item:active { | ||
| border-color: #1EA7FD; | ||
| transform: translate3d(0, 0, 0); | ||
| } | ||
| .link-item strong { | ||
| font-weight: 700; | ||
| display: block; | ||
| margin-bottom: 2px; | ||
| } | ||
| .link-item img { | ||
| height: 40px; | ||
| width: 40px; | ||
| margin-right: 15px; | ||
| flex: none; | ||
| } | ||
| .link-item span { | ||
| font-size: 14px; | ||
| line-height: 20px; | ||
| } | ||
| .tip { | ||
| display: inline-block; | ||
| border-radius: 1em; | ||
| font-size: 11px; | ||
| line-height: 12px; | ||
| font-weight: 700; | ||
| background: #E7FDD8; | ||
| color: #66BF3C; | ||
| padding: 4px 12px; | ||
| margin-right: 10px; | ||
| vertical-align: top; | ||
| } | ||
| .tip-wrapper { | ||
| font-size: 13px; | ||
| line-height: 20px; | ||
| margin-top: 40px; | ||
| margin-bottom: 40px; | ||
| } | ||
| .tip-wrapper code { | ||
| font-size: 12px; | ||
| display: inline-block; | ||
| } | ||
| `} | ||
| </style> | ||
|
|
||
| # FluentUI Slider PCF Storybook | ||
|
|
||
| <img src="https://user-images.githubusercontent.com/38399134/185529529-ba5ee8b0-db7a-439c-8668-bf56bf3e42fa.png"></img> | ||
|
|
||
| <img src="https://user-images.githubusercontent.com/38399134/185524844-1f17a30d-37a0-4024-b654-2eb65b742924.gif"></img> | ||
|
|
||
|
|
||
| <div className="tip-wrapper"> | ||
| <span className="tip">Tip</span>Browse example stories now by navigating to them in the sidebar. | ||
| View their code in the <code>stories</code> directory to learn how they work. | ||
| </div> | ||
|
|
||
| <div className="subheading">Links</div> | ||
|
|
||
| <div className="link-list"> | ||
| <a | ||
| className="link-item" | ||
| href="https://github.com/drivardxrm/FluentUI.Slider.PCF" | ||
| target="_blank" | ||
| > | ||
| <img src="https://pngimg.com/uploads/github/github_PNG20.png" alt="plugin" /> | ||
| <span> | ||
| <strong>GitHub Repo</strong> | ||
| FluentUI.Slider.PCF | ||
| </span> | ||
| </a> | ||
| <a | ||
| className="link-item" | ||
| href="https://pcf.gallery/fluentui-slider/" | ||
| target="_blank" | ||
| > | ||
| <img src="https://pcf.gallery/assets/images/logo.png" alt="PCF Gallery" /> | ||
| <span> | ||
| <strong>PCF Gallery</strong> | ||
| FluentUI Slider | ||
| </span> | ||
| </a> | ||
| </div> |
This file was deleted.
Oops, something went wrong.
14 changes: 0 additions & 14 deletions
14
storybook-static/273.ad6943b6.iframe.bundle.js.LICENSE.txt
This file was deleted.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
2 changes: 1 addition & 1 deletion
2
...ook-static/main.d7df7d63.iframe.bundle.js → ...ook-static/main.b5b5a31d.iframe.bundle.js
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1 @@ | ||
| {"generatedAt":1660958808929,"builder":{"name":"@storybook/builder-webpack5"},"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"npm","version":"6.14.15"},"storybookVersion":"6.5.10","language":"typescript","storybookPackages":{"@storybook/addon-actions":{"version":"6.5.10"},"@storybook/builder-webpack5":{"version":"6.5.10"},"@storybook/manager-webpack5":{"version":"6.5.10"},"@storybook/react":{"version":"6.5.10"},"@storybook/testing-library":{"version":"0.0.13"},"eslint-plugin-storybook":{"version":"0.6.4"}},"framework":{"name":"react"},"addons":{"@storybook/addon-links":{"version":"6.5.10"},"@storybook/addon-essentials":{"version":"6.5.10"},"@storybook/addon-interactions":{"version":"6.5.10"}}} | ||
| {"generatedAt":1661032241738,"builder":{"name":"@storybook/builder-webpack5"},"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"npm","version":"6.14.15"},"storybookVersion":"6.5.10","language":"typescript","storybookPackages":{"@storybook/addon-actions":{"version":"6.5.10"},"@storybook/builder-webpack5":{"version":"6.5.10"},"@storybook/manager-webpack5":{"version":"6.5.10"},"@storybook/react":{"version":"6.5.10"},"@storybook/testing-library":{"version":"0.0.13"},"eslint-plugin-storybook":{"version":"0.6.4"}},"framework":{"name":"react"},"addons":{"@storybook/addon-links":{"version":"6.5.10"},"@storybook/addon-essentials":{"version":"6.5.10"},"@storybook/addon-interactions":{"version":"6.5.10"}}} |
This file was deleted.
Oops, something went wrong.
Oops, something went wrong.