Box

Start using Fire UI box by simply add box class into your element. Fire UI also provides box-shadow and box-title class for your box element. To use only Fire UI box feature, copy and paste this stylesheet link into your head element to load Fire UI code CSS.

<link rel="stylesheet" href="https://unpkg.com/@fire-ui/fire-ui@0.1.1/src/feature/Box/box.css">

Example

Hello World

<div class="box box-shadow">
    <h1 class="box-title">Hello World</h1> 
</div>

Combination

You can combine box with other classes too! For example:

Hello

World

<div class="row">
    <div class="col-ex-6">
        <div class="box theme-reverse">
            <p class="box-title">Hello</p>
        </div>
    </div>
    <div class="col-ex-6">
        <div class="box theme-adjust">
            <p class="box-title">World</p>
        </div>
    </div>
</div>