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>

---