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.
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet"
href=
"https://unpkg.com/spectre.css@0.5.9/dist/spectre.min.css">
<link rel="stylesheet"
href=
"https://unpkg.com/spectre.css@0.5.9/dist/spectre-exp.min.css">
<link rel="stylesheet"
href=
"https://unpkg.com/spectre.css@0.5.9/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. |