zen-text-field v3.2.1

0.7Kb gzipped

Installation

$ yarn add zen-text-field

or

$ npm i zen-text-field

Import

import { ZenInput, ZenTextarea } from 'zen-text-field'

SCSS

Import files if your bundler supports SCSS

@import "node_modules/zen-text-field/src/scss";

Build your text field

<div class="text-field-container">
	<div class="input">
		<label for="i" class="floating-label">Label</label>
		<input id="i" type="text">
	</div>
</div>

<div class="text-field-container">
	<div class="textarea">
		<label for="t" class="floating-label">Placeholder</label>
		<textarea id="t"></textarea>
	</div>
</div>

License

zen-text-field is released under MIT license.