trinidad-example/trinidad-components-showcase/src/main/webapp/components/panel/panelBox/summary.xhtml

<?xml version="1.0" encoding="UTF-8"?>
<!--
    Licensed to the Apache Software Foundation (ASF) under one
    or more contributor license agreements.  See the NOTICE file
    distributed with this work for additional information
    regarding copyright ownership.  The ASF licenses this file
    to you under the Apache License, Version 2.0 (the
    "License"); you may not use this file except in compliance
    with the License.  You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing,
    software distributed under the License is distributed on an
    "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
    KIND, either express or implied.  See the License for the
    specific language governing permissions and limitations
    under the License.
-->
        
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:tr="http://myfaces.apache.org/trinidad">

    The panelBox is used to place ancillary information on a page, offset by a certain color.

    <br/>

    There are four possible attributes to set for the content container. The width of the
    container can be set to either an exact pixel size or a percentage of the element the content container is
    within. This is done by using the inlineStyle or styleClass attributes.

    <br/>

    Content containers can have headers and icons. Set the text and icon attributes to gain
    these items. If neither is set, the content container will only display its children. If there is a header but
    no icon, the header will show and the content will be offset to line up with the start of the header. If an
    icon is set, the icon will appear to the left of the header, but the content will still be offset to the left
    of the header. If an icon is set but no header, the icon will still be displayed on the left but no header text
    will be visible.  

    <tr:spacer height="12px"/>

    <tr:outputText value="Content containers can have various color schemes, which can be specified by setting the
        background attribute. The values for the background attribute are light, medium, dark, and transparent. The
        default is light. Please note that changing the background attribute may also change the appearance of the
        title bar. "/>

    <tr:spacer height="12px"/>

    <tr:outputText value="You can make changes to the style of the content region of this component by adding your
        custom styles to the contentStyle attribute.  "/>

    <tr:spacer height="12px"/>

    <tr:outputText value="Content containers will generally have only one child with the actual contents as its
        children. This child will describe how the content should be displayed. However, the content container can have
        multiple children, in which case the children are displayed in a stack fashion, lined up vertically.  "/>
    
</ui:composition>