ReactTightForms

Basic usage

Below are just static markup to demonstrate how the component would look.

Add .react-tight-form to your form (which doesn't have to be a form) for a left-aligned and inline-block controls. This only applies to forms within viewports that are at least 768px wide.

Heads up! ReactTightForms uses display: inline-block to achieve the compact, inline look. When using ReactTightForms, this is taken care of for you. But if you're using static markup like this page is extra care must be paid attention to when creating groups.

Example