JSFiddle - React, Tailwind, and code Playground

by Jishnuraj_rockz

HTML

<html>
	<head>
		<link rel="stylesheet" href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" />

	</head>
	<body>
		<!--button class="mdc-button mdc-button--raised">Button</button-->
		 

		<div class="mdc-text-field mdc-text-field--outlined">
			<input type="text" id="tf-outlined" class="mdc-text-field__input" />

			<label for="tf-outlined" class="mdc-floating-label">Your Name</label>
			<div class="mdc-notched-outline">
				<svg>
					<path class="mdc-notched-outline__path"></path>
				</svg>
			</div>
			<div class="mdc-notched-outline__idle"></div>
		</div>
		<script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>
	</body>
</html>