Dropdown

 

Dropdown

The Dropdown component can be used for for navigating or select from a single button. It can modify by all button along with CSS classes.

We need to add class jds-dropdown in the parent dome.

 

Dropdown Action Buttons

We can make Dropdown and left, right, center Align containt.

Need to add CSS Class left-align or right-align or center-align with dropdown-content

Dropdown
Center Align
Center Containt Link Center Link 2 Center Link 3
Right Align
Right Containt Link Link 2 Link 3
 
 

Dropdown and Align with caret icon

We can set a caret avobe dropdown list container/items.

Dropdown
Link 1 Link 2 Link 3
Link 4 Link 5
Center Align
Center Containt Link Center Link 2 Center Link 3
Right Align
Right Containt Link Link 2 Link 3
 
 

    Left Align 
    

      Right Containt Link
      Link 2
      Link 3

Navigation Dropdown