帮酷LOGO
0 0 评论
  • 显示原文与译文双语对照的内容
文章标签:Salesforce  DES  系统  SYS  COM  组件  sal  Sales  
Salesforce Lightning Design System components built with React

  • 源代码名称:react-lightning-design-system
  • 源代码网址:http://www.github.com/mashmatrix/react-lightning-design-system
  • react-lightning-design-system源代码文档
  • react-lightning-design-system源代码下载
  • Git URL:
    git://www.github.com/mashmatrix/react-lightning-design-system.git
  • Git Clone代码到本地:
    git clone http://www.github.com/mashmatrix/react-lightning-design-system
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/mashmatrix/react-lightning-design-system
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
  • React设计系统。

    Build Status

    Salesforce闪电设计系统组件。

    参见演示

    安装

    
    $ npm install react-lightning-design-system
    
    
    
    

    示例

    importReactfrom'react';importReactDOMfrom'react-dom';import { Button } from'react-lightning-design-system';functionclick() { alert('Clicked'); }ReactDOM.render(
     <div><Button onClick={ click }>Simple</Button><Button type='neutral' onClick={ click }>Neutral</Button><Button type='brand' onClick={ click }>Brand</Button><Button type='neutral' icon='download' iconAlign='left' onClick={ click }>Icon #1</Button><Button type='neutral' disabled>Disabled Neutral</Button><Button type='brand' disabled>Disabled Brand</Button></div>, document.body);

    请参阅示例中的更多示例目录。

    在本地运行示例故事的

    这个 repo 附带了一个基于故事故事的故事脚本。 要运行事例并获取组件示例,请按以下步骤操作:

    React故事中的实时快照测试

    这个 repo 附带了故事快照,以检查由于源代码更改而呈现的差异。

    若要标识渲染差异,请运行 npm run test:storyshots。 如果所有更改都是有意运行 npm run test:storyshots -- -u 了解其他运行选项( 包括交互模式 ),阅读 React Storybook中的测试



    文章标签:COM  SYS  系统  DES  react  设计  组件  sal  

    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语