Skip to content
This repository was archived by the owner on Jul 28, 2024. It is now read-only.

Commit 37f80c8

Browse files
author
Айнур
committed
refactor: return example, update branch
1 parent 1483f64 commit 37f80c8

File tree

1 file changed

+174
-0
lines changed

1 file changed

+174
-0
lines changed

‎src/woly/atoms/button/priorities.mdx‎

Lines changed: 174 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,174 @@
1+
import {Button, Input, Table, Tbody, Td, Th, Thead, Tr} from 'ui'
2+
import {Playground} from 'lib/playground'
3+
4+
### Priorities
5+
6+
<Playground>
7+
<block.L style={{ background: '#f5f5f5', padding: '20px' }}>
8+
<Table columns={4} priority="primary">
9+
<Thead>
10+
<Tr>
11+
<Th>Colors/Weight</Th>
12+
<Th>Primary</Th>
13+
<Th>Secondary</Th>
14+
<Th>Default</Th>
15+
</Tr>
16+
</Thead>
17+
<Tbody>
18+
<Tr>
19+
<Th>Filled</Th>
20+
<Td style={{ display: 'flex', flexDirection: 'column' }}>
21+
<div style={{ padding: '10px 0' }}>
22+
<Button onClick={() => console.log('Hi')} text="Button" priority="primary" />
23+
</div>
24+
<div style={{ padding: '10px 0' }}>
25+
<Button onClick={() => console.log('Hi')} text="Button" priority="primary" disabled />
26+
</div>
27+
<div style={{ padding: '10px 0' }}>
28+
<Button onClick={() => console.log('Hi')} text="Button" priority="danger" />
29+
</div>
30+
<div style={{ padding: '10px 0' }}>
31+
<Button onClick={() => console.log('Hi')} text="Button" priority="danger" disabled />
32+
</div>
33+
</Td>
34+
<Td style={{ display: 'flex', flexDirection: 'column' }}>
35+
<div style={{ padding: '10px 0' }}>
36+
<Button onClick={() => console.log('Hi')} text="Button" priority="secondary" />
37+
</div>
38+
<div style={{ padding: '10px 0' }}>
39+
<Button
40+
onClick={() => console.log('Hi')}
41+
text="Button"
42+
priority="secondary"
43+
disabled
44+
/>
45+
</div>
46+
</Td>
47+
<Td>
48+
<div>
49+
<div style={{ padding: '10px 0' }}>
50+
<Button onClick={() => console.log('Hi')} text="Button" priority="default" />
51+
</div>
52+
<div style={{ padding: '10px 0' }}>
53+
<Button
54+
onClick={() => console.log('Hi')}
55+
text="Button"
56+
priority="default"
57+
disabled
58+
/>
59+
</div>
60+
</div>
61+
</Td>
62+
</Tr>
63+
<Tr>
64+
<Th>Outlined</Th>
65+
<Td style={{ display: 'flex', flexDirection: 'column' }}>
66+
<div style={{ padding: '10px 0' }}>
67+
<Button onClick={() => console.log('Hi')} text="Button" priority="primary" outlined />
68+
</div>
69+
<div style={{ padding: '10px 0' }}>
70+
<Button
71+
onClick={() => console.log('Hi')}
72+
text="Button"
73+
priority="primary"
74+
outlined
75+
disabled
76+
/>
77+
</div>
78+
<div style={{ padding: '10px 0' }}>
79+
<Button onClick={() => console.log('Hi')} text="Button" priority="danger" outlined />
80+
</div>
81+
<div style={{ padding: '10px 0' }}>
82+
<Button
83+
onClick={() => console.log('Hi')}
84+
text="Button"
85+
priority="danger"
86+
outlined
87+
disabled
88+
/>
89+
</div>
90+
</Td>
91+
<Td style={{ display: 'flex', flexDirection: 'column' }}>
92+
<div style={{ padding: '10px 0' }}>
93+
<Button
94+
onClick={() => console.log('Hi')}
95+
text="Button"
96+
priority="secondary"
97+
outlined
98+
/>
99+
</div>
100+
<div style={{ padding: '10px 0' }}>
101+
<Button
102+
onClick={() => console.log('Hi')}
103+
text="Button"
104+
priority="secondary"
105+
disabled
106+
outlined
107+
/>
108+
</div>
109+
</Td>
110+
<Td>
111+
<div>
112+
<div style={{ padding: '10px 0' }}>
113+
<Button
114+
onClick={() => console.log('Hi')}
115+
text="Button"
116+
priority="default"
117+
outlined
118+
/>
119+
</div>
120+
<div style={{ padding: '10px 0' }}>
121+
<Button
122+
onClick={() => console.log('Hi')}
123+
text="Button"
124+
priority="default"
125+
outlined
126+
disabled
127+
/>
128+
</div>
129+
</div>
130+
</Td>
131+
</Tr>
132+
<Tr>
133+
<Th>None</Th>
134+
<Td style={{ display: 'flex', flexDirection: 'column' }}>
135+
<div style={{ padding: '10px 0' }}>
136+
<Button onClick={() => console.log('Hi')} text="Button" priority="primary-goast" />
137+
</div>
138+
<div style={{ padding: '10px 0' }}>
139+
<Button
140+
onClick={() => console.log('Hi')}
141+
text="Button"
142+
priority="primary-goast"
143+
disabled
144+
/>
145+
</div>
146+
</Td>
147+
<Td style={{ display: 'flex', flexDirection: 'column' }}>
148+
<div style={{ padding: '10px 0' }}>
149+
<Button onClick={() => console.log('Hi')} text="Button" priority="secondary-goast" />
150+
</div>
151+
<div style={{ padding: '10px 0' }}>
152+
<Button
153+
onClick={() => console.log('Hi')}
154+
text="Button"
155+
priority="secondary-goast"
156+
disabled
157+
/>
158+
</div>
159+
</Td>
160+
<Td>
161+
<div>
162+
<div style={{ padding: '10px 0' }}>
163+
<Button onClick={() => console.log('Hi')} text="Button" priority="goast" />
164+
</div>
165+
<div style={{ padding: '10px 0' }}>
166+
<Button onClick={() => console.log('Hi')} text="Button" priority="goast" disabled />
167+
</div>
168+
</div>
169+
</Td>
170+
</Tr>
171+
</Tbody>
172+
</Table>
173+
</block.L>
174+
</Playground>

0 commit comments

Comments
 (0)