Harshita-Batra-1 / Full-Stack-Cheatsheet

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

##React
Basic components (button, input, form, etc.)
Buttons
<Button> - A basic button component.
<Button type="primary"> - A primary button with a higher visual weight.
<Button type="dashed"> - A dashed button with a lower visual weight.
<Button type="danger"> - A button with a red background color, used for dangerous actions.
<Button shape="circle"> - A circular button.
<Button size="large"> - A large button.
<Button size="small"> - A small button.
<Button loading> - A button with a loading spinner.
<Button block> - A button that spans the full width of its parent container.
<Button disabled> - A disabled button.
<Button href="url"> - A button that acts as a link.
<Button icon={<Icon type="edit" />}> - A button with an icon.
Inputs
<Input> - A basic input field.
<Input type="password"> - A password input field.
<Input prefix={<Icon type="user" />}> - An input field with a prefix icon.
<Input suffix={<Icon type="search" />}> - An input field with a suffix icon.
<Input.TextArea> - A textarea input field.
<Input.Search> - An input field with a search icon.
Form
<Form> - A basic form container.
<Form.Item> - A form item, used to wrap form controls.
<Form.Item label="Name"> - A form item with a label.
<Form.Item hasFeedback> - A form item with validation feedback.
<Form.Item help="Some help text"> - A form item with help text.
<Form.Item validateStatus="success"> - A form item with a success validation status.
<Form.Item validateStatus="warning"> - A form item with a warning validation status.
<Form.Item validateStatus="error"> - A form item with an error validation status.
<Form.Item labelCol={{ span: 8 }} wrapperCol={{ span: 16 }}> - A form item with customized label and wrapper column spans.
<Form.List name="names"> - A dynamic form list.

About