Heading
Buttons are essential UI elements that trigger actions when clicked. The Arts Oven UI Component Library provides a range of button styles and configurations to fit different design needs.
Basic Heading
<h1>Heading</h1>
<h2>Heading</h2>
<h3>Heading</h3>
<h4>Heading</h4>
<h5>Heading</h5>
<h6>Heading</h6>
<h1>Heading</h1>
<h2>Heading</h2>
<h3>Heading</h3>
<h4>Heading</h4>
<h5>Heading</h5>
<h6>Heading</h6>
Light Heading
Heading
Heading
Heading
Heading
Heading
Heading
<h1 class="font-light">Heading</h1>
<h2 class="font-light">Heading</h2>
<h3 class="font-light">Heading</h3>
<h4 class="font-light">Heading</h4>
<h5 class="font-light">Heading</h5>
<h6 class="font-light">Heading</h6>
<h1 className="font-light">Heading</h1>
<h2 className="font-light">Heading</h2>
<h3 className="font-light">Heading</h3>
<h4 className="font-light">Heading</h4>
<h5 className="font-light">Heading</h5>
<h6 className="font-light">Heading</h6>
Bold Heading
Heading
Heading
Heading
Heading
Heading
Heading
<h1 class="font-semibold">Heading</h1>
<h2 class="font-semibold">Heading</h2>
<h3 class="font-semibold">Heading</h3>
<h4 class="font-semibold">Heading</h4>
<h5 class="font-semibold">Heading</h5>
<h6 class="font-semibold">Heading</h6>
<h1 className="font-semibold">Heading</h1>
<h2 className="font-semibold">Heading</h2>
<h3 className="font-semibold">Heading</h3>
<h4 className="font-semibold">Heading</h4>
<h5 className="font-semibold">Heading</h5>
<h6 className="font-semibold">Heading</h6>
Colored Heading
Heading
Heading
Heading
Heading
Heading
Heading
<h1 class="text-primary">Heading</h1>
<h2 class="text-secondary">Heading</h2>
<h3 class="text-info">Heading</h3>
<h4 class="text-warning">Heading</h4>
<h5 class="text-success">Heading</h5>
<h6 class="text-error">Heading</h6>
<h1 class="text-primary">Heading</h1>
<h2 class="text-secondary">Heading</h2>
<h3 class="text-info">Heading</h3>
<h4 class="text-warning">Heading</h4>
<h5 class="text-success">Heading</h5>
<h6 class="text-error">Heading</h6>