File tree Expand file tree Collapse file tree 2 files changed +4
-31
lines changed Expand file tree Collapse file tree 2 files changed +4
-31
lines changed Original file line number Diff line number Diff line change 1
1
import { Box , Heading } from '@chakra-ui/react'
2
- import { BtnTertiary } from './molecules'
3
2
4
3
export function Playground ( ) : JSX . Element {
5
4
return (
6
5
< Box p = "5rem 1rem" >
7
6
< Heading as = "h1" size = "sm" >
8
7
eClass Design System Playground
9
8
</ Heading >
10
-
11
- < BtnTertiary
12
- iconCustom = {
13
- < svg xmlns = "http://www.w3.org/2000/svg" width = { 16 } height = { 16 } fill = "none" >
14
- < path
15
- fill = "#28A745"
16
- fillRule = "evenodd"
17
- d = "M0 8c0-4.4 3.6-8 8-8s8 3.6 8 8-3.6 8-8 8-8-3.6-8-8Zm3.6 0L7 11.4 12.4 6 11 4.6l-4 4-2-2L3.6 8Z"
18
- clipRule = "evenodd"
19
- />
20
- </ svg >
21
- }
22
- >
23
- ahead
24
- </ BtnTertiary >
25
- < BtnTertiary iconStatus = "ahead" > ahead</ BtnTertiary >
26
- < BtnTertiary iconStatus = "answer" > answer</ BtnTertiary >
27
- < BtnTertiary iconStatus = "back" > back</ BtnTertiary >
28
- < BtnTertiary iconStatus = "edit" > edit</ BtnTertiary >
29
- < BtnTertiary iconStatus = "delete" > delete</ BtnTertiary >
30
- < BtnTertiary iconStatus = "more" > more</ BtnTertiary >
31
- < BtnTertiary iconStatus = "password" > password</ BtnTertiary >
32
- < BtnTertiary iconStatus = "multimedia" > multimedia</ BtnTertiary >
33
- < BtnTertiary iconStatus = "record" > record</ BtnTertiary >
34
- < BtnTertiary iconStatus = "download" > download</ BtnTertiary >
35
- < BtnTertiary iconStatus = "noIcon" > noIcon</ BtnTertiary >
36
9
</ Box >
37
10
)
38
11
}
Original file line number Diff line number Diff line change @@ -2,17 +2,17 @@ import * as React from 'react'
2
2
import * as ReactDOM from 'react-dom'
3
3
import { ChakraProvider } from '@chakra-ui/react'
4
4
5
- // import { Documentation } from './documentation'
6
- import { Playground } from './Playground'
5
+ import { Documentation } from './documentation'
6
+ // import { Playground } from './Playground'
7
7
8
8
import { theme } from './theme'
9
9
10
10
if ( import . meta. env . VITE_REACT_DEPLOY_DOCUMENTATION === 'DOCUMENTATION' ) {
11
11
ReactDOM . render (
12
12
< React . StrictMode >
13
13
< ChakraProvider theme = { theme } >
14
- < Playground />
15
- { /* <Documentation /> */ }
14
+ { /* <Playground /> */ }
15
+ < Documentation />
16
16
</ ChakraProvider >
17
17
</ React . StrictMode > ,
18
18
document . getElementById ( 'root' )
You can’t perform that action at this time.
0 commit comments