{ "Name": "Semantic Header", "Description": "Headers provide a short summary of content", "Definition": "Elements", "Types": { "Header": ".ui.header", "Descriptive Headers": ".ui.header", "Icon": ".ui.header", "Page Headings": ".ui.header", "Content Headings": ".ui.header" }, "States": {}, "Variations": { "Attached": [ "top attached", "bottom attached" ], "Floating": [ "right floated", "left floated" ], "Colors": [ "black", "blue", "red", "green", "purple", "teal" ], "Dividing": [ "dividing" ], "Block": [ "black block" ], "Inverted": [ "inverted black block", "inverted blue block", "inverted red block", "inverted green block", "inverted purple block", "inverted teal block" ] }, "Definitions": { "Header": "A standard header", "Descriptive Headers": "Headers may have sub headers containing further context to the section", "Icon": "A header can be formatted to emphasize an icon", "Page Headings": "Headers may be oriented to give the heirarchy of a section in the context of the page", "Content Headings": "Headers may be oriented to give the importance of a section in the context of the content that surrounds it", "Disabled": "A header can show that it is inactive", "Attached": "A header can be attached to other content", "Floating": "A header can sit to the left or right of other content", "Colors": "A header can be formatted with different colors", "Dividing": "A header can be formatted to divide itself from the content below it", "Block": "A header can be formatted to create a block", "Inverted": "A header can have its colors inverted for contrast" } }