Componentes
input
Selectcity

InputSelectCity

Componente InputSelectCity que permite seleccionar una ciudad basándose en el país y estado seleccionados.

Ejemplo

Importación

Para importar el componente InputSelectCity, se puede hacer desde fenextjs

import { InputSelectCity } from "fenextjs";

Parámetros

ParámetroTipoRequeridoDefaultDescripcion
countryCountryPropsnoundefinedEl país seleccionado, utilizado para filtrar las ciudades disponibles.
stateStatePropsnoundefinedEl estado seleccionado, utilizado para filtrar las ciudades disponibles.
...propsInputSelectTProps<CityProps>noCualquier otra propiedad que extiende de InputSelectTProps.

Storybook

Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)

Usos

  • Básico
<InputSelectCity
  country={{ name: "United States", isoCode: "US" }}
  state={{ name: "California", isoCode: "CA" }}
/>
  • InputSelectCity sin estado
<InputSelectCity country={{ name: "United States", isoCode: "US" }} />
  • InputSelectCity con todas las ciudades
<InputSelectCity />
SelectSelectcountry