Sign Out

Explains the button configuration and behavior for implementing the sign-out feature.
Sign-out processing and redirection are performed automatically based on the designated class name.

HTML

<button type="button" class="h_btn_sign_out">Sign out</button>
  • button
    <button type="button" class="h_btn_sign_out"></button>

    Sign-out button; the h_btn_sign_out class is required.

Response Result

  • When the sign-out button is clicked, the user is signed out and redirected to the site index.

Example

<div v-if="output.member_info">
    <button type="button" class="btn btn-warning border border-3 fw-bold h_btn_sign_out">Sign out</button>
</div>
<div v-else>
    <a href="/user/sign-in" class="btn btn-warning border border-3 fw-bold h_btn_sign_out">Sign in</a>
    <a href="/user/sign-up" class="btn btn-secondary border border-3 fw-bold h_btn_sign_out">Sign up</a>
</div>
<?php if($output['member_info']){ ?>
    <button type="button" class="btn btn-warning border border-3 fw-bold h_btn_sign_out">Sign out</button>
<?php }else{ ?>
    <a href="/user/sign-in" class="btn btn-warning border border-3 fw-bold h_btn_sign_out">Sign in</a>
    <a href="/user/sign-up" class="btn btn-secondary border border-3 fw-bold h_btn_sign_out">Sign up</a>
<?php } ?>

Related Links