Dropdown

These classes allows you to display nice dropdown on buttons or whatever

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

  Preview

Simple dropdown

Investor Division Technician Herman Medhurst

You find me!
 

Loading code example. Please wait...

Position

Customer Usability Director Charlie Wilderman

You find me!

National Division Agent Tina Marvin

You find me!

Product Security Architect Laverne Hyatt

You find me!

Internal Metrics Technician Sherri Barrows

You find me!

Central Factors Engineer Jeannette Wintheiser III

You find me!

Customer Group Engineer Mrs. Nicolas Wintheiser

You find me!
 

Loading code example. Please wait...

RTL Support

Chief Group Planner Garry Carter

You find me!

Regional Research Administrator Dr. Eunice Gislason

You find me!

National Data Representative Julian Bogan

You find me!
 

Loading code example. Please wait...

  Features

  • Support for scaling through the s-scale:... class

  • Support for colorizing through the s-color:... class

  Install

  CSS Classes

  1. s-dropdown-container

    The container of the dropdown that will trigger the display, hide, etc...

  2. s-dropdown

    Apply the dropdown styling

  3. s-dropdown:bottom

    Apply the bottom dropdown position

  4. s-dropdown:bottom-start

    Apply the bottom start dropdown position

  5. s-dropdown:bottom-end

    Apply the bottom end dropdown position

  6. s-dropdown:top

    Apply the top dropdown position

  7. s-dropdown:top-start

    Apply the top start dropdown position

  8. s-dropdown:top-end

    Apply the top end dropdown position

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