Tag: CHAKRA-UI
He estado luchando tratando de eliminar la subrayado de todos los enlaces de forma global en mi proyecto de NextJS. He intentado tanto con CSS (importando el archivo globals.css en _app.tsx) como con ChakraUI. La única forma en la que puedo hacerlo funcionar es mediante el uso de: <link style=”{{” . . . Read more
Tengo 2 tarjetas que tienen las mismas propiedades pero tienen algunas propiedades diferentes, tarjeta 1 (amountBed, amountBath, area), tarjeta 2 (area). Este es mi código: <HStack spacing={"25px"}> <HStack spacing={"12px"}> <BedroomIcon /> <Text color={"black.400"} fontWeight={"bold"} fontSize={"16px"}> {amountBed} </Text> </HStack> <HStack spacing={"12px"}> <BathroomIcon /> <Text color={"black.400"} fontWeight={"bold"} fontSize={"16px"}> {amountBath} </Text> </HStack> <HStack . . . Read more
Sigo aprendiendo Storybook. He configurado Storybook y Chakra-UI utilizando create-react-app siguiendo la documentación del decorador mencionada aquí. Aquí está el enlace para el repositorio. Por alguna razón, Storybook no carga los estilos de Chakra-UI. Aquí está el botón en la aplicación de React: Aquí está el botón en Storybook: Las . . . Read more
Así es como estoy usando el gancho useLocation y para el efecto de transición de página. const App = () => { <routes> <route path=”/” element=””></route><layout></layout>}> <route index=”” element=””></route><welcome></welcome>}/> <route path=”blog” element=””></route><blog></blog>}/> <route path=”team” element=””></route><team></team>}> <route index=”” element=””></route><teamlist></teamlist>}/> <route path=”sales” element=””></route><teamsales></teamsales>}/> <route path=”marketing” element=””></route><teammarketing></teammarketing>}/> <route path=”about” element=””></route><about></about>}/> </routes> } const . . . Read more
Estoy usando ChakraUI para React. La documentación del acordeón es muy útil, pero no estoy seguro de cómo hacer que el acordeón se abra automáticamente en una opción en particular. He leído la documentación y no entiendo del todo cómo se podría hacer esto. Aquí está la documentación: https://chakra-ui.com/docs/disclosure/accordion Hasta . . . Read more