Lion Logo Lion Fundamentals Guides Components Blog Toggle darkmode

Input Tel Dropdown: Extensions

Input Tel International

A visually advanced Subclasser implementation of LionInputTelDropdown.

Inspired by:

export const IntlInputTelDropdown = () => {
  loadDefaultFeedbackMessages();
  return html`
    <intl-input-tel-dropdown
      .preferredRegions="${['NL', 'PH']}"
      .modelValue="${'+639608920056'}"
      label="Telephone number"
      help-text="Advanced dropdown and styling"
      name="phoneNumber"
    ></intl-input-tel-dropdown>
  `;
};