[Patternlibrary GUI v0.0.1]
  • Name: atom/modal/close-button
    Categories: modals, controls

    closing "X" for a modal/dialog panel


    This is a UI control element.

    On click, a corresponding modal or dialog panel is closed, a.k.a. hidden or removed.

    example

    Source

    <a class="btn btn-icon btn-cta-xhr cta-xhr-modal-close" href="javascript:return true;" aria-label="Close modal" data-close>
      <span aria-hidden="true">&times;</span>
    </a>
    

    Output

    Example:

    
    <a class="btn btn-icon btn-cta-xhr cta-xhr-modal-close" href="javascript:return true;" aria-label="Close modal" data-close>
      <span aria-hidden="true">&times;</span>
    </a>
    
    

    Output:

    no JavaScript reference available...

    no SASS/SCSS reference available...

    Pattern Specifications:

    Info:

    Dependencies:

    Parameters:

    no parameters available


    Pattern Source:

    <a class="btn btn-icon btn-cta-xhr cta-xhr-modal-close" href="javascript:return true;" aria-label="Close modal" data-close>
      <span aria-hidden="true">&times;</span>
    </a>

    no tests info available...

    no change-log info available...


    Git-Log: