Wondering what’s next for npm?Check out our public roadmap! »

    vue-find-telco

    0.5.2 • Public • Published

    🔍 Find Telco

    Selecting your Telco and then inputting your phone number can be Aaargh! because i need to keep checking which TSP(Telecommunication Service Provider) owns '0903', '0803' etc. With this component, it can auto-detect the Telco for the user, win win.

    GIF

    ✇ Usage

    npm i --save vue-find-telco
    
    import FindTelco from "vue-find-telco";
    Vue.component("find-telco", FindTelco);
    <find-telco placeHolder="Enter your phone number" :inputStyle="myStyle">
    </find-telco>

    Props

    placeHolder: {String}

    Defaults to 'Enter your Phone Number'. This is the text you want in the textbox.

    inputStyle: {Object}

    This is the default styling for the textbox. You can modify this with this prop.

    Defaults to:

    {
        "max-width": "50%",
        padding: "5% 15%",
        "font-size": "2rem",
        "text-align": "center",
        border: "1px solid #eda900"
    }

    Events

    To get the value of the Telco for use in your code, listen for the find-telco event, which emits the telco found from this component.

    <find-telco v-on:find-telco="showTelco($event)"></find-telco>
     
    <script>
    export default {
        methods:{
            showTelco(e) {
                console.log(e) // Shows name of Telco
            }
        }
    }
    </script> 

    Install

    npm i vue-find-telco

    DownloadsWeekly Downloads

    6

    Version

    0.5.2

    License

    none

    Unpacked Size

    2.49 kB

    Total Files

    2

    Last publish

    Collaborators

    • avatar