Appearance

<th-agegate-modal> ​

Place an age gate on any landing page that leads directly to possible e-commerce interactions for the user to ensure that user is of legal drinking age (LDA).

If a user has not passed an age gate prior to entering checkout, they will be required to supply a date of birth before completing checkout.

Usage

html
<th-agegate-modal type="dob">
  <h2 slot="header">Welcome! Can we see some ID?</h2>
  <div slot="additional-msg">
    <div>For information about enjoying Alcohol RESPONSIBLY visit <a href="https://responsibility.org">responsibility.org</a> & <a href="https://responsibledrinking.org">responsibledrinking.org</a></div>
  </div>
  <div slot="fail-msg">You must 21 or older to enter. Click <a href="https://responsibility.org" target="_blank">here</a></div>
</th-agegate-modal>
Properties

type String

yesno (default) | dob | confirm

Type of age gate to present.

confirmText String

"Confirm" (default)

Text for confirm button

Slots

header: Appears above age gate CTA

additional-msg: Content appears under CTA

fail-msg: Appears under CTA if user enters age less than LDA |

<th-disclaimer> ​

Displays a message "All sales of alcohol are fulfilled by licensed retailers on the Thirstie Network." With the Thirstie Logo.

Usage

html
<th-disclaimer></th-disclaimer>

<th-p65-warning> ​

Displays Prop 65 required to be shown to all California customers.

Usage

html
<th-p65-warning></th-p65-warning>

<th-faq> ​

General FAQ for consumers regarding Thirstie and the licensed retailers on the Thirstie network.

Usage

html
<th-faq title="General FAQ"></th-faq>
Properties

title String

FAQ (default)

Title for FAQ section.

© 2025 Thirstie