Helpers

There are several helper utilities for quick styling.

Cursor

Result

Loading...

Live Editor

<div className="example-block">
    <div className="hf-bg-info-light hf-pointer" style={{ color: 'black' }}>.hf-pointer</div>
</div>

Input disabled style

Style any HTML tag as disabled input control.

Result

Loading...

Live Editor

<div className="example-block">
    <div className="hf-disabled-input" style={{ color: 'black' }}>.hf-disabled-input</div>
</div>