File tree Expand file tree Collapse file tree 1 file changed +103
-1
lines changed Expand file tree Collapse file tree 1 file changed +103
-1
lines changed Original file line number Diff line number Diff line change 11import React from "react" ;
22
3- const Mechs = ( ) => < div > Mechs content</ div > ;
3+ import {
4+ Grid ,
5+ Table ,
6+ Segment ,
7+ Header ,
8+ Form ,
9+ } from "semantic-ui-react" ;
410
11+ const Mechs = ( ) => {
12+
13+
14+ return (
15+ < Segment >
16+ < Grid >
17+ < Grid . Column width = { 10 } >
18+ < Header as = "h3" > Mechs List</ Header >
19+ < Table celled >
20+
21+ < Table . Header >
22+ < Table . Row >
23+ < Table . HeaderCell width = { 1 } >
24+ ID
25+ </ Table . HeaderCell >
26+ < Table . HeaderCell width = { 5 } >
27+ Name
28+ </ Table . HeaderCell >
29+ < Table . HeaderCell width = { 3 } >
30+ Model
31+ </ Table . HeaderCell >
32+ < Table . HeaderCell width = { 3 } >
33+ Weight (tons)
34+ </ Table . HeaderCell >
35+ < Table . HeaderCell width = { 2 } >
36+ Class
37+ </ Table . HeaderCell >
38+
39+ </ Table . Row >
40+ </ Table . Header >
41+ < Table . Body >
42+ < Table . Row >
43+ < Table . Cell >
44+ 1
45+ </ Table . Cell >
46+ < Table . Cell >
47+ Warhammer
48+ </ Table . Cell >
49+ < Table . Cell >
50+ WHM-6R
51+ </ Table . Cell >
52+ < Table . Cell >
53+ 70
54+ </ Table . Cell >
55+ < Table . Cell >
56+ Heavy
57+ </ Table . Cell >
58+ </ Table . Row >
59+ </ Table . Body >
60+
61+ </ Table >
62+ </ Grid . Column >
63+ < Grid . Column width = { 6 } >
64+ < Header as = "h3" > Mech Details</ Header >
65+ < Segment >
66+ < Form size = "large" >
67+ < Form . Field name = "id" width = { 6 } >
68+ < label > ID</ label >
69+ < input
70+ placeholder = "ID"
71+ value = "1"
72+ />
73+ </ Form . Field >
74+ < Form . Field name = "name" width = { 16 } >
75+ < label > Name</ label >
76+ < input
77+ placeholder = "Name"
78+ value = "Warhammer"
79+ />
80+ </ Form . Field >
81+ < Form . Field name = "model" width = { 6 } >
82+ < label > Model</ label >
83+ < input
84+ placeholder = "Model"
85+ value = "WHM-6R"
86+ />
87+ </ Form . Field >
88+ < Form . Field name = "weight" width = { 6 } >
89+ < label > Weight</ label >
90+ < input
91+ value = "70"
92+ />
93+ </ Form . Field >
94+ < Form . Field name = "class" width = { 6 } >
95+ < label > Class</ label >
96+ < input
97+ value = "Heavy"
98+ />
99+ </ Form . Field >
100+ </ Form >
101+ </ Segment >
102+ </ Grid . Column >
103+ </ Grid >
104+ </ Segment >
105+ )
106+ }
5107export default Mechs ;
You can’t perform that action at this time.
0 commit comments