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 11import { Box , Heading } from '@chakra-ui/react'
2- import { BtnTertiary } from './molecules'
32
43export function Playground ( ) : JSX . Element {
54 return (
65 < Box p = "5rem 1rem" >
76 < Heading as = "h1" size = "sm" >
87 eClass Design System Playground
98 </ 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 >
369 </ Box >
3710 )
3811}
Original file line number Diff line number Diff line change @@ -2,17 +2,17 @@ import * as React from 'react'
22import * as ReactDOM from 'react-dom'
33import { ChakraProvider } from '@chakra-ui/react'
44
5- // import { Documentation } from './documentation'
6- import { Playground } from './Playground'
5+ import { Documentation } from './documentation'
6+ // import { Playground } from './Playground'
77
88import { theme } from './theme'
99
1010if ( import . meta. env . VITE_REACT_DEPLOY_DOCUMENTATION === 'DOCUMENTATION' ) {
1111 ReactDOM . render (
1212 < React . StrictMode >
1313 < ChakraProvider theme = { theme } >
14- < Playground />
15- { /* <Documentation /> */ }
14+ { /* <Playground /> */ }
15+ < Documentation />
1616 </ ChakraProvider >
1717 </ React . StrictMode > ,
1818 document . getElementById ( 'root' )
You can’t perform that action at this time.
0 commit comments