Svelte Country Select

A very simple and easy to use country select field.

Properties

• wrapperClass - custom wrapper class
• inputClass - custom input element class
• search_logic - if you wanna customize the underlying search logic. function accepts the following as argument. "(keyword = string, countries = [])"

Common input element attributes are available such as value, disabled, readonly!

CSS Variables

        --margin-bottom

        --label-font-size
        --label-color
        --label-margin-bottom

        --field-gap
        --field-border-style
        --field-border-width
        --field-border-color
        --field-padding
        --field-border-radius

        --field-focus-border-color
        --field-border-color-disabled
        --field-background-color-disabled
        --field-disabled-color

        --field-color

        --list-background-color
        --list-border-radius
        --list-border-style
        --list-border-width
        --list-border-color
        --list-box-shadow
        --item-color-hover
        --item-background-color-hover
    

How to import

import { CountrySelect } from "svelte-country-select";