Classes

This class is responsible for managing attributes of HTML elements

Define a base class to containered tag elements

Base Class for all HTML elements implement

This is a Base class for Input Elements

This is a Base class for Table Column Elements

This is a Base class for Table Row Elements

This is a Base class for Typography Elements

A tag element class

Usage Example:

 let link = Link(("href","https://micheltlutz.me"), ("target","_blank"))
 link.add("Developed by Michel Lutz - micheltlutz.me 🚀")

Blockquote tag element class

Usage Example:

let description = Blockquote()
description.add("This is Typography blockquote demo.")

Br tag element class

Usage Example:

 Br()

Button tag element class

Usage Example:

 let section = Section(("id","buttons"), ("class","container"))

 let title = H3("Buttons")
 title.addAttribute(("class","title"))
 section.add(title)

 let description = Blockquote()
 description.add("This is Buttons demo.")
 section.add(description)

 let linkButton = Link(("href","#"), ("class","button"))
 linkButton.add("Default Button")
 section.add(linkButton)

 let button = Button("Outlined Button")
 button.addAttribute(("class","button button-outline") )
 section.add(button)

 let inputSubmit = Submit("Clear Button")
 inputSubmit.addAttribute(("class","button button-clear") )
 section.add(section.add(inputSubmit))

 return section

Canvas tag element class

Center tag element class

Code tag element class

Div tag element class

### Usage Example: ###

  let div = Div(("class", "float-right"))
  div.add("Test Div")

Emphasis tag element class

### Usage Example: ###

  Em("Emphasis")

Fieldset tag element class

### Usage Example: ###

  let fieldset = Fieldset()

  let labelName = Label("Name")
  labelName.addAttribute(("for", "nameField"))
  fieldset.add(labelName)

  let inputName = InputText("", id: "nameField", placeholder: "Name")
  fieldset.add(inputName)

  let labelAge = Label("Age Range")
  labelAge.addAttribute(("for", "ageRangeField"))
  fieldset.add(labelAge)

Form tag element class

### Usage Example: ###

  let form = Form((("method"),("POST")))
  let fieldset = Fieldset()

  let labelName = Label("Name")
  labelName.addAttribute(("for", "nameField"))
  fieldset.add(labelName)

  let inputName = InputText("", id: "nameField", placeholder: "Name")
  fieldset.add(inputName)

  let labelAge = Label("Age Range")
  labelAge.addAttribute(("for", "ageRangeField"))
  fieldset.add(labelAge)

  form.add(fieldset)

H1 tag element class

### Usage Example: ###

  H1("Heading H1")

H2 tag element class

### Usage Example: ###

  H2("Heading H2")

H3 tag element class

### Usage Example: ###

  H3("Heading H3")

H4 tag element class

### Usage Example: ###

  H4("Heading H4")

H5 tag element class

### Usage Example: ###

  H5("Heading H5")

H6 tag element class

### Usage Example: ###

  H6("Heading H6")

Hr tag element class

### Usage Example: ###

  Hr()

Img tag element class

### Usage Example: ###

  let img = Img("images/banner.png")

Class define a input type checkbox

### Usage Example: ###

  Checkbox("confirmField", id: "confirmField")

Class define a input type text

### Usage Example: ###

 InputText("value", id: "nameField", placeholder: "Name")

This class define a option select element

This class define a select element

### Usage Example: ###

 let select = Select([["0-13": "0-13"],
                     ["14-17": "14-17"],
                     ["18-23": "18-23"]],
                     attr:("id", "ageRangeField"))

This class define a submit element

### Usage Example: ###

 let inputSubmit = Submit("Send")
 inputSubmit.addAttribute(("class","button-primary"))

This class define a Textarea element

### Usage Example: ###

 Textarea(("placeholder", "Hi Mike …"), ("id", "commentField"))

Label tag element class

### Usage Example: ###

  let labelComment = Label("Comment")
  labelComment.addAttribute(("for", "commentField"))

Class for description list item

Class for description list

### Usage Example: ###

  let dl = DL()
  dl.add("Description list item 1")
  let dd = DD("Description list item 1.1")
  dl.add(dd)

Class for description list item

Class for list item

Class for ordered list

### Usage Example: ###

  let ol = OL()
  ol.add("Ordered list item 1")
  ol.add("Ordered list item 2")

Class for Unordered list

### Usage Example: ###

  let ul = UL()
  ul.add("Unordered list item 1")
  ul.add("Unordered list item 2")

Main tag element class

### Usage Example: ###

  let main = Main(("class","wrapper"))
  main.add(Hr())

P tag element class

### Usage Example: ###

  let paragraph = P()
  paragraph.add("This is Typography Paragraph demo.")

Pre tag element class

Section tag element class

### Usage Example: ###

  let section = Section(("id","typography"), ("class","container"))
  section.add(H3("Typography"))

Small tag element class

### Usage Example: ###

  Small("Text Small")

Strong tag element class

### Usage Example: ###

  Strong("Text Strong")

Tbody tag element class

THead tag element class

Table html tag class element

### Usage Example: ###

  let table = Table()
  table.tableHeaders(titles: ["Name", "Age", "Height", "Location"])
  //table.tableHeaders(titles: ["Name", "Age", "Height", "Location"], aligns: ["center", "left", "left", "left"]) // Align Headers

  table.addRow()
  table.addInRow("Arthurito Thompson")
  table.addInRow("52")
  table.addInRow("1,30")
  table.addInRow("Torresmo, RS")
  table.addRow()
  table.addInRow("Stephen Curry")
  table.addInRow("27")
  table.addInRow("1,91")
  table.addInRow("Akron, OH")
  table.addRow()
  table.addInRow("Klay Thompson")
  table.addInRow("25")
  table.addInRow("2,01")
  table.addInRow("Los Angeles, CA")

Td tag element class

Th tag element class

Tr tag element class

Make a simple text Element to append in others elements

### Usage Example: ###

  Text("Simple Text")

Underline tag element class

### Usage Example: ###

  U("Underline Text")