lion/docs/components/input-tel-dropdown/examples.md

Input Tel Dropdown >> Examples ||30

import { html } from '@mdjs/mdjs-preview';
import '@lion/select-rich/define';
import './src/intl-input-tel-dropdown.js';

Input Tel International

A visually advanced Subclasser implementation of LionInputTelDropdown.

Inspired by:

• intl-tel-input
• react-phone-input-2

export const IntlInputTelDropdown = () => 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>
`;