changed main to def#1
Conversation
| import { CheckCircleTwoTone } from '@ant-design/icons'; | ||
| import Card from './Card' | ||
| import { Progress } from 'antd'; | ||
| import Hi from './Practice'; |
| <Input className='input' maxLength={21} | ||
| placeholder="Enter 21-Digit-CIN" /> | ||
| <div className='circle'> | ||
| <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> |
There was a problem hiding this comment.
use constant file for this
|
|
||
|
|
||
| <div className='button1'> | ||
| <button type="submit" className="button" onSubmit={submithandler}>Proceed</button> |
There was a problem hiding this comment.
use antd button here
https://4x.ant.design/components/button/
| <button type="submit" className="button" onSubmit={submithandler}>Proceed</button> | ||
|
|
||
| </div> | ||
| <div className='card'> |
There was a problem hiding this comment.
refer this https://4x.ant.design/components/card/ for card
|
|
||
|
|
||
|
|
||
| <p className = 'subhead'> Credit limit available : </p> |
There was a problem hiding this comment.
https://4x.ant.design/components/typography/
check this for text
| position: absolute; | ||
| width: 236px; | ||
| height: 784px; | ||
| left: 0px; |
There was a problem hiding this comment.
for css u use styled component also
https://www.npmjs.com/package/styled-components
|
|
||
| return ( | ||
| <div style={{ | ||
| display: 'block', width: 700, padding: 30 |
There was a problem hiding this comment.
remove inline css and use styled-component or className
| <div style={{ | ||
| display: 'block', width: 700, padding: 30 | ||
| }}> | ||
| <h4>ReactJS Ant-Design Select Component</h4> |
There was a problem hiding this comment.
use antd typography for heading
| @@ -1,74 +0,0 @@ | |||
| .select { | |||
| box-sizing: border-box; | |||
There was a problem hiding this comment.
why u make separate css file for all
| import { InputNumber } from 'antd'; | ||
| import { Select } from 'antd'; | ||
| function DropdownInput({ options }) { | ||
|
|
There was a problem hiding this comment.
refer this for dropdown
https://4x.ant.design/components/dropdown/
| {showOptions && ( | ||
| <ul | ||
| style={{ | ||
| position: 'absolute', |
|
|
||
| }} | ||
| > | ||
| <p> profit Margin</p> |
3 participants
No description provided.