diff options
author | Israel Lavi <il0695@att.com> | 2018-08-07 10:54:17 +0300 |
---|---|---|
committer | Israel Lavi <il0695@att.com> | 2018-08-07 11:06:44 +0300 |
commit | b2a3acea0d0f66028c9ce5fad02d4ecc64abf70c (patch) | |
tree | 8d70110f34cb845965c42a5915e950bca967d2c3 /demo/README.md | |
parent | 05b37297177e8a342668c15e5d6f738b51f7aedd (diff) |
Initial commit.
Adding files needed for Linux Foundation.
Change-Id: I9f2b4851a5ae01f83800c7f8bab8608a2221c730
Issue-ID: SDC-1608
Signed-off-by: Israel Lavi <il0695@att.com>
Diffstat (limited to 'demo/README.md')
-rw-r--r-- | demo/README.md | 35 |
1 files changed, 0 insertions, 35 deletions
diff --git a/demo/README.md b/demo/README.md deleted file mode 100644 index 6a478d8..0000000 --- a/demo/README.md +++ /dev/null @@ -1,35 +0,0 @@ -# Local DEMO - -### How to compile -Go to <b>root</b> folder (sdc-ui) and run: `npm run build` -This will compile all scss files and will copy generated style.css and assets folder to gen folder inside demo project. - -### How to run -Go to <b>demo</b> and run: `npm start` -This will open the default browser at port 2900. - -### How to build component HTML for DEMO -<ul> - <li>Create new HTML file for the component and put it in components folder</li> - <li>In the top of the HTML add <div class='component'>Name of component</div></li> - <li>Inside the HTML for each type of component add header <h3>sub component name</h3></li> - <li> - In order to show the HTML of the component to the user, add <b>data-code</b> attribute to the outerHTML of the component. - This component outerHTML will be copied and will be shown highlighted below the component. - <br>You can also use <b>data-code-ref</b> and <b>data-code-id</b> where data-code-ref is a reference to the - component data-code-id, the data-code-ref will be replaced by highlighted outerHTML of the component. - </li> -</ul> -For more info see example in <a href='components/tiles'>tiles.html</a> file - -### How add the new component to router for DEMO -In index.html file (under id main-navigation) add new <li> with id equal to HTML file you created above -<br><u>Example:</u> -<div id='main-navigation'> - <div class='title'>Components</div> - <ul> - <li id='colors'>Colors</li> - <li id='button'>Buttons</li> - <li id='tiles'>Tiles</li> - </ul> -</div> |