Nextjs Core Clearfix

A clearfix is a way for an element to automatically clear its child elements, so that you don’t need to add additional markup. It’s generally used in float layouts where elements are floated to be stacked horizontally.

You can see how it is used in our dashboard in User Profile Page, to make the button from the Edit Profile Card to have a “bottom margin”.

Usage

import Clearfix from "components/Clearfix/Clearfix.js";

<Clearfix />