Skip to content

Commit 2eb02af

Browse files
chetoncheton
committed
Update examples
1 parent 73c45ff commit 2eb02af

File tree

7 files changed

+17142
-22270
lines changed

7 files changed

+17142
-22270
lines changed

‎docs/bundle.js‎

Lines changed: 17110 additions & 22258 deletions
Large diffs are not rendered by default.

‎docs/bundle.js.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,5 +11,5 @@
1111
</head>
1212
<body>
1313
<div id="container"></div>
14-
<script type="text/javascript" src="bundle.js?2ffb5f9af2fb1f596c67"></script></body>
14+
<script type="text/javascript" src="bundle.js?234f30759896fe94d943"></script></body>
1515
</html>

‎examples/ButtonGroups.jsx‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,25 @@ export default () => {
3030
<Button compact><i className="fa fa-line-chart" /></Button>
3131
<Button compact><i className="fa fa-table" /></Button>
3232
</ButtonGroup>
33+
34+
<br /><br />
35+
<p><strong>Vertical button group</strong></p>
36+
<div className="row">
37+
<div className="col-xs-4">
38+
<ButtonGroup vertical btnStyle="flat">
39+
<Button active>Left</Button>
40+
<Button>Middle</Button>
41+
<Button>Right</Button>
42+
</ButtonGroup>
43+
</div>
44+
<div className="col-xs-4">
45+
<ButtonGroup vertical btnStyle="flat">
46+
<Button compact><i className="fa fa-pie-chart" /></Button>
47+
<Button compact><i className="fa fa-line-chart" /></Button>
48+
<Button compact><i className="fa fa-table" /></Button>
49+
</ButtonGroup>
50+
</div>
51+
</div>
3352
</div>
3453
</div>
3554
);

‎examples/Nav.jsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import classNames from 'classnames';
22
import PropTypes from 'prop-types';
33
import React, { Component } from 'react';
4+
import Anchor from '@trendmicro/react-anchor';
45
import { Button } from '../src';
56
import styles from './Nav.styl';
67

@@ -36,7 +37,7 @@ export default class extends Component {
3637
<span className={styles.iconBar} />
3738
<span className={styles.iconBar} />
3839
</button>
39-
<a href="#" className={styles.navbarBrand}>{name}</a>
40+
<Anchor className={styles.navbarBrand}>{name}</Anchor>
4041
</div>
4142
<div
4243
className={classNames(

‎examples/index.jsx‎

Lines changed: 8 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
import 'trendmicro-ui/dist/css/trendmicro-ui.css';
22
import React from 'react';
33
import ReactDOM from 'react-dom';
4-
import classNames from 'classnames';
54
import Nav from './Nav';
65
import Section from './Section';
76
import ButtonStyles from './ButtonStyles';
@@ -26,29 +25,29 @@ class App extends React.Component {
2625
<ButtonStyles />
2726
</Section>
2827
</div>
29-
<div className={classNames('col-md-12 col-lg-6 col-xl-4')}>
30-
<Section className="row-md-5">
28+
<div className="col-md-12 col-lg-6 col-xl-4">
29+
<Section className="row-md-6">
3130
<ButtonSizes />
3231
</Section>
3332
</div>
3433
<div className="col-md-12 col-lg-6 col-xl-4">
35-
<Section className="row-md-5">
34+
<Section className="row-md-6">
3635
<ButtonStates />
3736
</Section>
3837
</div>
3938
<div className="col-md-12 col-lg-6 col-xl-4">
40-
<Section className="row-md-4 row-xl-5">
41-
<BlockButtons />
39+
<Section className="row-md-6">
40+
<ButtonGroup />
4241
</Section>
4342
</div>
4443
<div className="col-md-12 col-lg-6 col-xl-4">
45-
<Section className="row-md-4 row-xl-6">
46-
<ButtonGroup />
44+
<Section className="row-md-6">
45+
<IconButtons />
4746
</Section>
4847
</div>
4948
<div className="col-md-12 col-lg-6 col-xl-4">
5049
<Section className="row-md-6">
51-
<IconButtons />
50+
<BlockButtons />
5251
</Section>
5352
</div>
5453
</div>

‎examples/webpack.config.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -87,6 +87,7 @@ module.exports = {
8787
},
8888
// https://webpack.github.io/docs/webpack-dev-server.html#additional-configuration-options
8989
devServer: {
90+
disableHostCheck: true,
9091
noInfo: false,
9192
lazy: false,
9293
// https://webpack.github.io/docs/node.js-api.html#compiler

0 commit comments

Comments
 (0)