Documentation

HTML
Vue
Laravel
React
Tailwind
Angular
CodeIgniter

Requirements
File Structure

Basic
React

Favicon
Loading Transitions
Logo
Changing Fonts
Layout Configure
Sidebar and Header

Disable Form
Sizing
Input Group
Alternate Input
Floating Label
Alternate Float Label
Toggle Button
Validation

Tyography
Images
Tables
Figures

AOS Animation
Datepicker
Circle Progress
CounterUp
NoUiSlider
Data Table
Source & Credits
Upgrade Guide
Change Log

Alternate Float Lable

Examples

<FloatingLabel controlId="floatingInput" label="Small" className="mb-3">
    <Form.Control type="email" size="sm" placeholder="Place Holder" />
</FloatingLabel>
<FloatingLabel controlId="floatingInput" label="Regular" className="mb-3">
    <Form.Control type="email" size="md" placeholder="Place Holder" />
</FloatingLabel>
<FloatingLabel controlId="floatingInput" label="Large" className="mb-3">
    <Form.Control type="email" size="lg" placeholder="Place Holder" />
</FloatingLabel>
<FloatingLabel controlId="floatingInput" label="Regular" className="mb-3">
    <Form.Control type="email" size="md" placeholder="Place Holder" disabled/>
</FloatingLabel>
<FloatingLabel controlId="floatingInput" label="Regular" className="mb-3">
    <Form.Control type="email" size="md" placeholder="Place Holder" className="form-control is-valid"/>
</FloatingLabel>
<FloatingLabel controlId="floatingInput" label="Regular" className="mb-3">
    <Form.Control type="email" size="md" placeholder="Place Holder" className="form-control is-invalid"/>
</FloatingLabel>