Spectre Elements Complete Refrenece

Last Updated : 02 Jan, 2023

An element is a collection of start and end tags with the content inserted in between them. Spectre Elements include Typography, Tables, Buttons, Forms, Icons.css, Labels, Code, and Media.

Example: In this example, we will create Spectre Inline code.

HTML

<!DOCTYPE html> 
<html> 
  
<head> 
    <link rel="stylesheet"
             href= 
"https://unpkg.com/spectre.css/dist/spectre.min.css"> 
    <link rel="stylesheet"
             href= 
"https://unpkg.com/spectre.css/dist/spectre-exp.min.css"> 
    <link rel="stylesheet"
             href= 
"https://unpkg.com/spectre.css/dist/spectre-icons.min.css"> 
</head> 
  
<body> 
    <center> 
        <h1 class="text-success">GeeksforGeeks</h1> 
        <strong>SPECTRE Inline Code</strong> 
        <br><br> 
        <div> 
            <code>A Computer Science portal for Geeks</code> 
        </div> 
    </center> 
</body> 
  
</html> 

Output:

Spectre Elements: In the below table, all the elements are listed and briefly described to give you a basic idea of that particular element.

Elements	Description
Spectre Typography	Typography is a feature of Spectre for styling and formatting text content.
Spectre Tables	Tables enable web designers to divide data into rows and columns.
Spectre Buttons	This is used to submit the content.
Spectre Forms	The form is used to collect user input.
Spectre Icons.css	Icons.CSS icons to add to the HTML page from the icon library.
Spectre Labels	This is used to provide a usability improvement for the mouse
Spectre Code	Code is used for styling inline and multiline code snippets
Spectre Media	Media includes responsive images, figures and video classes.