mdbreact is not working correctly

  1. MDB Home Page
  2. Support Main Page
  3. MDB React
Topic: mdbreact is not working correctly

reza_sameer200 asked 7 years ago

I have added mdbreact dependency but i am not getting the same deisgn as shown on your website. I am using react 15, bootstrap 3.7 and mdbreact version 3.7.1 I am components are being rendered but the design is not same as floating labels and there is border all around etc. also i want to know how can i get a toggle button instead of checkbox for checkbox element.   here is a sample code 
<Container>
	<Row>
		<Col md="12">
			<form onSubmit={this.handleSubmit}>
				<div className="grey-text">
					<Row>
						<Col md="6">
							<Input label="First Name" group type="text" validate error="wrong" success="right" id="firstName" value={this.state.firstName} required />
						</Col>
						<Col md="6">
							<Input label="Last Name" group type="text" validate error="wrong" success="right" id="lastName" value={this.state.lastName} required />
						</Col>
					</Row>
				</div>
			</form>
		</Col>
	</Row>
</Container>

Jakub Mandra staff premium answered 7 years ago

Hey, Because our website is up to date with our package, you won't have the same design within mdbreact v4.7.1. If you want to fully experience what is showed in documentation, please update your mdbreact package.   As toggle button you should use our switch component.   Best, Jakub
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.7.1
  • Device: desktop
  • Browser: chrome
  • OS: ubuntu 18.04
  • Provided sample code: No
  • Provided link: No
About author
reza_sameer200
5Support score
1Questions 0Answers
0Snippets likes 0Snippets