InputSelectCSC

El componente InputSelectCSC permite seleccionar un país, estado y ciudad de manera interrelacionada, facilitando la gestión de datos geográficos.

Para importar el componente InputSelectCSC, se puede hacer desde fenextjs

import { InputSelectCSC } from "fenextjs";

Parámetro	Tipo	Requerido	Default	Descripcion
classNameSelectCSC	string	no		Clase CSS personalizada para el select.
useContainer	boolean	no	true	Define si el componente se envuelve en un contenedor `div`.
country	InputCSCProps	no		Propiedades del campo de selección para el país, incluyendo `label` y `placeholder`.
state	InputCSCProps	no		Propiedades del campo de selección para el estado, incluyendo `label` y `placeholder`.
city	InputCSCProps	no		Propiedades del campo de selección para la ciudad, incluyendo `label` y `placeholder`.
defaultValueJsonString	string	no		Valor por defecto en formato JSON para inicializar el select.
valueJsonString	string	no		Valor actual en formato JSON.
onChangeJsonString	function	no		Función de cambio que devuelve el valor seleccionado en formato JSON.
parseJson_to_String	function	no		Función para convertir JSON a string.
parseString_to_Json	function	no		Función para convertir string a JSON.

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

<InputSelectCSC />

<InputSelectCSC
  valueJsonString='{"country": "US", "state": "CA", "city": "Los Angeles"}'
  onChangeJsonString={(value) => console.log(value)}
/>