Labels

These classes allows you to structure forms using labels.

Platform  
css
   â”‚    Support  
Chromium supported
Firefox supported
Safari supported
Edge supported
Since  2.0.0
   â”‚   
Olivier Bossel
Olivier Bossel
   â”‚   
beta

  Preview

Inline lnf

 

Loading code example. Please wait...

Block lnf

 

Loading code example. Please wait...

Float lnf

 

Loading code example. Please wait...

  Install

  CSS Classes

  1. s-label

    Apply the inline label lnf

  2. s-label:block

    Apply the block label lnf

  3. s-label:float

    Apply the float label lnf

  4. s-label:inline

    Make sure the input and label stay inline even on mobile. Usefull for checkbox and radio for example.

Bugs
are not our friends...

Don't hesitate to declare an issue if something does not works as expected.

Declare my issue on Github Talk about it on Discord

The more we are,
the stronger we become.

Don't hesitate to tell some words to you friends about us. The goal is to became more and more each days to help each others...

Support us on Patreon! Share on Facebook! Make a tweet!

The more we are,
the stronger we become.

Don't be afraid to join us on Discord.

Join us on discord!

We love,
Open source!

All of our codebase can be found on Github. We hope that you may contribute to help us make our tools even better!

Discover our codebase!

Welcome on