Adds one or more CSS classes to an element without removing existing classes.

Syntax

MaterialSB::AddClass(Element, Class.s)

Parameters

Element	The DOM element to add classes to.
Class.s	Class name(s) to add. Multiple classes can be space-separated.

Return Value

None.

Remarks

Unlike SetClass() which replaces all classes, AddClass() preserves existing classes and adds new ones.

You can add multiple classes at once by separating them with spaces.

Example

Procedure Main(Success)
  If Success
    MaterialSB::Row(MaterialSB::#Grid_Container)
      MaterialSB::Col(12)
        ; Create a card and store reference
        myCard = MaterialSB::Card()
          MaterialSB::CardContent()
            MaterialSB::Append(MaterialSB::Header("Styled Card", 4))
            MaterialSB::Append(MaterialSB::Paragraph("This card has additional styling."))
          MaterialSB::CloseCurrentParent()
        MaterialSB::CloseCurrentParent()
        
        ; Add classes to the card
        MaterialSB::AddClass(myCard, "z-depth-5")
        MaterialSB::AddClass(myCard, "center-align")
        
        ; Add multiple classes at once
        myButton = MaterialSB::Button("Pulsing Button", #Null)
        MaterialSB::AddClass(myButton, "pulse red")
        
        ; Add visibility class
        myParagraph = MaterialSB::GetCurrentParent()
        MaterialSB::AddClass(myParagraph, MaterialSB::#Class_Hide_On_Small_Only)
        
      MaterialSB::CloseCurrentParent()
    MaterialSB::CloseCurrentParent()
  EndIf
EndProcedure

MaterialSB::Download(@Main())

See Also

SetClass(), SetAttribute(), Colors