JSFiddle - React, Tailwind, and code Playground

by neonDog

JavaScript

const countries = [
    { "label": "Afghanistan", "id": "AF" },
    { "label": "Ă…land Islands", "id": "AX" },
    { "label": "Albania", "id": "AL" },
    { "label": "Algeria", "id": "DZ" },
    { "label": "American Samoa", "id": "AS" },
    { "label": "Andorra", "id": "AD" },
    { "label": "Angola", "id": "AO" },
    { "label": "Anguilla", "id": "AI" },
    { "label": "Antarctica", "id": "AQ" },
    { "label": "Antigua and Barbuda", "id": "AG" },
    { "label": "Argentina", "id": "AR" },
    { "label": "Armenia", "id": "AM" },
    { "label": "Aruba", "id": "AW" },
    { "label": "Australia", "id": "AU" },
    { "label": "Austria", "id": "AT" },
    { "label": "Azerbaijan", "id": "AZ" },
    { "label": "Bahamas", "id": "BS" },
    { "label": "Bahrain", "id": "BH" },
    { "label": "Bangladesh", "id": "BD" },
    { "label": "Barbados", "id": "BB" },
    { "label": "Belarus", "id": "BY" },
    { "label": "Belgium", "id": "BE" },
    { "label": "Belize", "id": "BZ" },
    { "label": "Benin", "id": "BJ" },
    { "label": "Bermuda", "id": "BM" },
    { "label": "Bhutan", "id": "BT" },
    { "label": "Bolivia", "id": "BO" },
    { "label": "Bosnia and Herzegovina", "id": "BA" },
    { "label": "Botswana", "id": "BW" },
    { "label": "Bouvet Island", "id": "BV" },
    { "label": "Brazil", "id": "BR" },
    { "label": "British Indian Ocean Territory", "id": "IO" },
    { "label": "Brunei Darussalam", "id": "BN" },
    { "label": "Bulgaria", "id": "BG" },
    { "label": "Burkina Faso", "id": "BF" },
    { "label": "Burundi", "id": "BI" },
    { "label": "Cambodia", "id": "KH" },
    { "label": "Cameroon", "id": "CM" },
    { "label": "Canada", "id": "CA" },
    { "label": "Cape Verde", "id": "CV" },
    { "label": "Cayman Islands", "id": "KY" },
    { "label": "Central African Republic", "id": "CF" },
    { "label": "Chad", "id": "TD" },
    { "label": "Chile", "id": "CL" },
    { "label": "China", "id": "CN" },
    { "label": "Christmas Island", "id": "CX" },
    {...