A `<tc:panel/>` is a simple content container. In the most cases it's invisible and wrapping other components.

The panel has a custom class, which set a blue background color. The class of the panel is set via the `<tc:style customClass="blue"/>` tag.

    <tc:panel>
      <tc:style customClass="blue"/>
      ...
    </tc:panel>

Content of the panel with the blue background.

To reload the panel in a dedicated frequency, you can use the `<f:facet name="reload">` tag. The content of the panel is an outputtext, which display the current time.

    <tc:panel>
      <f:facet name="reload">
        <tc:reload frequency="1000" update="true"/>
          ...

To reload the panel in a dedicated frequency, you can use the `<f:facet name="reload">` tag. The content of the panel is an outputtext, which display the current time.

    <tc:panel>
      <f:facet name="reload">
        <tc:reload frequency="1000" update="\#{panelController.oddDecaSecond}"/>
          ...

A panel can also be useful if more than one component should be rerendered. A component for rerendering can be set with the `render` attribute in the `<f:ajax/>` tag. In this example, 'Outputfield One' and 'Outputfield Two' should be rerendered. To do so, the outputfields are wrapped in a panel. After the inputfield loosing the focus, the given text is shown by the outputfields.