FwContentBox Class

This component is used to generate a basic bootstrap content-box (or panel). Content-boxes can have a header, footer, and a body. These individual parts can be disabled optionally.

The component passes in a section variable for use in determining what content goes in what part of the box. This section variable will have one of three different values: "header", "body", or "footer".

Basic Usage:

<FwContentBox as |section|>
    {{#if section.header}}
        <p>Header Content</p>
    {{else if section.body}}
        <p>Body Content</p>
    {{else if section.footer}}
        <p>Footer Content</p>
    {{/if}}
</FwContentBox>

To disable individual sections, you may modify the hasHeader, hasFooter, or hasBody attributes of the component:

<FwContentBox @hasHeader={{false}} as |section|>
    {{!same as other box}}
</FwContentBox>

This is useful if you don't have any content to show in a certain part of the box, or you want to hide different parts based on permissions. values, etc.