Box

A white box to contain other elements.

The box element is simply a container with a shadow, a border, a radius, and some padding.

To use a box component in your application, you need to import the BulmaBoxModule by adding the following lines to your app.module.ts file.

import { BulmaBoxModule } from 'ngx-bulma';

@NgModule({
  imports: [BulmaBoxModule]
  // ...
})
export class AppModule {}

An example box is shown below.


John Smith

Manager


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis.

<bu-box>
  <h1 class="title is-2">John Smith</h1>
  <h2 class="subtitle is-4">Manager</h2>
  <hr />
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa
    fringilla egestas. Nullam condimentum luctus turpis.
  </p>
</bu-box>