diff --git a/NOTE.md b/NOTE.md index 8dcd7c9..2053597 100644 --- a/NOTE.md +++ b/NOTE.md @@ -17,13 +17,12 @@ * Captcha Input - 需要找别的组件! # Form Components -* Input - * Password Input with Eye Icon -* Radio Group - * Vertical Layout - * Horizontal Layout -* Checkbox -* Textarea +* [x] Input + * [x] Password Input with Eye Icon +* [x] Radio - 大屏上黑色主题 +* [x] Radio Group +* [x] Checkbox +* [x] Textarea * Select * Form * FormItem diff --git a/src/App.tsx b/src/App.tsx index ed12dcd..a6d45cd 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,9 +1,7 @@ -import React from 'react'; +import React, { useState } from 'react'; import { BreakpointProvider } from './components/Breakpoint' -import { ConfigProvider } from 'antd' -import { Button } from './components/Button' -import Icon from '@ant-design/icons'; -import { ReactComponent as CloseIcon } from './icons/close.svg' +import { ConfigProvider, Space } from 'antd' +import {RadioGroup, Radio, RadioChangeEvent} from './components/FormControl' const brandPrimary = '#FF5200'; const textPrimary = '#1E1D1F' @@ -12,20 +10,13 @@ const textLighter = '#8F9296' const white = '#FDFDFD' function App() { - const items = [ - { - title: 'Account', - }, - { - title: 'Tester Info', - }, - { - title: 'Review', - }, - { - title: 'Done', - }, - ]; + const [value, setValue] = useState(1); + + const onChange = (e: RadioChangeEvent) => { + console.log('radio checked', e.target.value); + setValue(e.target.value); + }; + return (
iHealth
-