Fork me on GitHub
Attention: This component is still under progress and experimental.
b:text The modal panel tag renders an HTML input element of the type "div".
Tag attributes
Tag controls
component
open modal panel 
                            <!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:h="http://xmlns.jcp.org/jsf/html" 
      xmlns:f="http://xmlns.jcp.org/jsf/core" 
      xmlns:b="http://butterfaces.org/components"> 
<h:head /> 
<body>
    <h:form id="formId">

        <b:modalPanel id="modalPanel"
                      cancelButtonText="null"
                      title="Demo title">
            Lorem ipsum dolor sit amet, consectetuer ...
        </b:modalPanel>

        <span onClick="butter.modal.open('modalPanel');"
              class="btn btn-outline-secondary">
            open modal panel
        </span>

    </h:form> 
</body> 
</html>