Native Elements
Standard HTML5 elements with Vanilla Breeze styling. These are the building blocks of semantic HTML.
Vanilla Breeze styles native HTML elements directly via tag selectors in the native-elements CSS layer. There are no classes to memorize for the basics — a <button> looks like a button, a <table> gets sensible defaults, and form controls are ready to use out of the box.
When you need variants, VB uses short semantic classes scoped to the element: form.stacked, fieldset.minimal, table.striped. These read like plain English and stay close to the HTML they modify. If you know HTML, you already know VB's native API.
Every element page documents the base styles VB applies, the available classes and attributes, and accessibility considerations. Browse by category below or use the alphabetical index.
Text Content
<p>
Paragraph
<h1-h6>
Headings
<blockquote>
Block quotation
<pre>
Preformatted text
<hr>
Thematic break
Inline Text
<a>
Anchor/link
<strong>
Strong importance
<em>
Emphasis
<code>
Code fragment
<mark>
Highlighted text
<kbd>
Keyboard input
<abbr>
Abbreviation
Lists
<ul>
Unordered list
<ol>
Ordered list
<li>
List item
<dl>
Description list
<dt>
Description term
<dd>
Description details
Forms
<form>
Form container
<input>
Input field
<button>
Button
<select>
Dropdown select
<textarea>
Multi-line text
<label>
Form label
<fieldset>
Field grouping
Tables
<table>
Table container
<thead>
Table header
<tbody>
Table body
<tr>
Table row
<th>
Header cell
<td>
Data cell
Sectioning
<header>
Header section
<nav>
Navigation
<main>
Main content
<article>
Article
<section>
Generic section
<aside>
Aside content
<footer>
Footer section
Media
<img>
Image
<picture>
Responsive image
<video>
Video
<audio>
Audio
<figure>
Figure with caption
Interactive
<details>
Disclosure widget
<summary>
Details summary
<dialog>
Dialog/modal
<menu>
Menu container
Related
All Elements
Complete alphabetical index
Custom Elements
CSS-only layout primitives
Web Components
JavaScript-enhanced components