How To
Documentation
    Learn More

      Panel

      Table of Contents

      Default

      Example

      <div styling="panel">
          <h3 styling="title">Panel Header</h3>
      
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A blanditiis commodi corporis, culpa ea eius error molestias necessitatibus numquam odit, officia possimus quae quasi quis quisquam quos rerum unde, voluptas.</p>
          <br>
      
          <div styling="footer">
              <p>Panel footer</p>
          </div>
      </div>

      Using a result

      Example

      <search:result result="response | result:5">
          <layout:grid>
              <layout:block md="1-2">
                  <div styling="stretch-content">
                      <div styling="center aligned panel center-content">
                          <search:field name="born_city" styling="title"></search:field>
                          <search:field name="full_name" styling="description" value-element="h3"></search:field>
                          <div styling="footer">
                              <search:field name="motivation" styling="description"></search:field>
                          </div>
                      </div>
                  </div>
              </layout:block>
          </layout:grid>
      </search:result>