UNPKG

ost-ui

Version:
1 lines 2.35 kB
(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{69:function(t,n){t.exports='## OstButton 示例\n\n \n```jsx\n:::$demo\n\n render() {\n return( \n <div style={{\n padding: \'10px\',\n height: \'100%\',\n backgroundColor: \'#fff\'\n }}>\n <OstButton>知道了</OstButton>\n <OstWhiteSpace></OstWhiteSpace>\n <div>\n <OstButton inline={true} size="small">自费支付</OstButton>\n <OstWhiteBlank size="lg" />\n <OstButton inline={true} size="small" type="primary">医保支付</OstButton>\n </div>\n <OstWhiteSpace></OstWhiteSpace>\n <div style={{textAlign: \'center\'}}>\n <OstButton inline={true} size="small">自费支付</OstButton>\n <OstWhiteBlank />\n <OstButton inline={true} size="small" type="primary">医保支付</OstButton>\n </div>\n <OstWhiteSpace></OstWhiteSpace>\n <div style={{textAlign: \'right\'}}>\n <OstButton inline={true} size="small" >自费支付</OstButton>\n <OstWhiteBlank size="sm" />\n <OstButton inline={true} size="small">合疗支付</OstButton>\n <OstWhiteBlank size="sm" />\n <OstButton inline={true} size="small" type="primary">医保支付</OstButton>\n </div>\n <OstWhiteSpace></OstWhiteSpace>\n <div>\n <OstButton inline={true}>医保支付</OstButton>\n <OstWhiteBlank />\n <OstButton inline={true} type="primary">自费支付</OstButton>\n </div>\n <OstWhiteSpace></OstWhiteSpace>\n </div>\n )\n }\n:::$\n```\n\n### 组件 props 说明\n| 事件名称 | 说明 | 类型 | 默认值 |\n|---------|--------|---------|---------|\n| size | <p>按钮大小,可选值 <code>small</code>或者不设</p> | string | <p>默认按钮高度40px</p> |\n| type | <p>文本字体类型,可选值 <code>primary</code></p> | string | - |\n| fixedCls | class前缀 | String | <p><code>ost-text</code></p> |\n| className | 样式类名 | String | 无 |\n'}}]);