Components:
BI Version 1.1

Tables

The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page.

Horizontal lines

table-component
bg-colour-white-100
Table 3-column

The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page. The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page.

Table title
Subheading
Subheading
Subheading
0000
0000
0000
0000
0000
0000
0000
0000
0000
0000
0000
0000

Footnotes: orem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

If we used real text, it would possibly distract from the design of a page.The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page.

table-component
bg-colour-white-100
Table 3-column (offset left)

The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page. The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page.

Table title
Subheading
Lorem ipsum dolore amet helum
Suspendisse varius enim in eros
Commodo diam libero vitae erat
Ornare, eros dolor interdum nulla
Duis cursus mi quis viverra ornare
Suspendisse varius enim in eros
Subheading
Subheading
0000
0000
0000
0000
0000
0000
0000
0000
0000
0000
0000
0000

Footnotes: orem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

If we used real text, it would possibly distract from the design of a page.The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page.

Horizontal tints

table-component
Table 3-column

The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page. The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page.

Table title
Subheading
Subheading
Subheading
0000
0000
0000
0000
0000
0000
0000
0000
0000
0000
0000
0000

Footnotes: orem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page. The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page.

table-component
Table 3-column (offset left)

The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page. The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page.

Table title
Subheading
Lorem ipsum dolore amet helum
Suspendisse varius enim in eros
Commodo diam libero vitae erat
Ornare, eros dolor interdum nulla
Duis cursus mi quis viverra ornare
Suspendisse varius enim in eros
Subheading
Subheading
0000
0000
0000
0000
0000
0000
0000
0000
0000
0000
0000
0000

Footnotes: orem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page. The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page.

Vertical lines

table-component
Table 4-column

The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page. The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page.

Table title
Subheading
0000
0000
0000
Subheading
0000
0000
0000
Subheading
0000
0000
0000
Subheading
0000
0000
0000

Footnotes: orem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page. The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page.

table-component
Table 3-column (offset left)

The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page. The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page.

Table title
Lorem ipsum dolore amet helum
Suspendisse varius enim in eros
Commodo diam libero vitae erat
Ornare, eros dolor interdum nulla
Duis cursus mi quis viverra ornare
0000
0000
0000
0000
0000
0000
0000
0000
0000
0000

Footnotes: orem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page. The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page.