etc.component.html

<button [cModalToggle]="fullScreen.id" cButton>Full screen</button>
<button [cModalToggle]="fullScreenSm.id" cButton>Full screen below sm</button>
<button [cModalToggle]="fullScreenMd.id" cButton>Full screen below md</button>
<button [cModalToggle]="fullScreenLg.id" cButton>Full screen below lg</button>
<button [cModalToggle]="fullScreenXl.id" cButton>Full screen below xl</button>
<button [cModalToggle]="fullScreen2Xl.id" cButton>Full screen below xxl</button>

<c-modal #fullScreen [fullscreen]="true" id="fullScreen">
  <c-modal-header>
    <h5 cModalTitle>Full screen</h5>
    <button [cModalToggle]="fullScreen.id" cButtonClose></button>
  </c-modal-header>
  <c-modal-body>...</c-modal-body>
  <c-modal-footer>
    <button cButton [cModalToggle]="fullScreen.id">Close</button>
  </c-modal-footer>
</c-modal>

<c-modal #fullScreenSm fullscreen="sm" id="fullScreenSm">
  <c-modal-header>
    <h5 cModalTitle>Full screen below sm</h5>
    <button [cModalToggle]="fullScreenSm.id" cButtonClose></button>
  </c-modal-header>
  <c-modal-body>...</c-modal-body>
</c-modal>

<c-modal #fullScreenMd fullscreen="md" id="fullScreenMd">
  <c-modal-header>
    <h5 cModalTitle>Full screen below md</h5>
    <button [cModalToggle]="fullScreenMd.id" cButtonClose></button>
  </c-modal-header>
  <c-modal-body>...</c-modal-body>
</c-modal>

<c-modal #fullScreenLg fullscreen="lg" id="fullScreenLg">
  <c-modal-header>
    <h5 cModalTitle>Full screen below lg</h5>
    <button [cModalToggle]="fullScreenLg.id" cButtonClose></button>
  </c-modal-header>
  <c-modal-body>...</c-modal-body>
</c-modal>

<c-modal #fullScreenXl fullscreen="xl" id="fullScreenXl">
  <c-modal-header>
    <h5 cModalTitle>Full screen below xl</h5>
    <button [cModalToggle]="fullScreenXl.id" cButtonClose></button>
  </c-modal-header>
  <c-modal-body>...</c-modal-body>
</c-modal>

<c-modal #fullScreen2Xl fullscreen="xxl" id="fullScreen2Xl">
  <c-modal-header>
    <h5 cModalTitle>Full screen below xxl</h5>
    <button [cModalToggle]="fullScreen2Xl.id" cButtonClose></button>
  </c-modal-header>
  <c-modal-body>...</c-modal-body>
</c-modal>