12 | {`
13 | var Git = require('gity');
14 |
15 | var git = Git()
16 | .add('*.js')
17 | .commit('-m "added js files"')
18 | .run();
19 | `}
20 |
21 | );
22 | }
23 | };
24 |
--------------------------------------------------------------------------------
/lib/text-field/index.js:
--------------------------------------------------------------------------------
1 | /** @jsx element */
2 | import element from 'virtual-element';
3 |
4 | /**
5 | * TextField.
6 | */
7 |
8 | export default {
9 | propTypes: {
10 | placeholder: { type: 'string' }
11 | },
12 |
13 | render({ props, state }) {
14 | let { placeholder } = props;
15 |
16 | let attrs = {
17 | class: 'matter-TextField',
18 | placeholder: placeholder
19 | };
20 |
21 | return (
22 |
23 |
24 | );
25 | }
26 | };
27 |
--------------------------------------------------------------------------------
/examples/shape.js:
--------------------------------------------------------------------------------
1 | import element from 'virtual-element';
2 | import { Grid, Shape } from '../lib';
3 |
4 | /**
5 | * Shape example.
6 | */
7 |
8 | export default {
9 | render() {
10 | return (
11 |
27 | { example.code }
28 |
29 |
58 |
59 | a tiny collection of UI components
17 |\n{\`\nvar Git = require(\'gity\');\n\nvar git = Git()\n .add(\'*.js\')\n .commit(\'-m \"added js files\"\')\n .run();\n\`}\n'
17 | },
18 | Table: {
19 | component:
39 | {`
40 | var Git = require('gity');
41 |
42 | var git = Git()
43 | .add('*.js')
44 | .commit('-m "added js files"')
45 | .run();
46 | `}
47 |
48 | ```
49 |
50 | ### Menu
51 |
52 | ```js
53 | let sections = ['Home', 'Profile', 'Messages', 'Notifications'];
54 |
55 |
56 | ```
57 |
58 | ### Table
59 |
60 | ```js
61 | let people = [
62 | ['Full Name', 'Age'], // header row
63 | ['Steven Miller', '25'],
64 | ['Tamara Jordan', '23'],
65 | ['John Smith', '28']
66 | ];
67 |
68 |