0

les cuento que quiero traer el color de unos botones, creados con new-component y no funciona. Desde un principio, funcionó pero desdpués dejó de hacerlo.

interface ActionButtonProps extends React.ComponentProps<'button'> {
  color: 'primary' | 'secondary' ;
  children: React.ReactNode;
}

function ActionButton({ color, children }: ActionButtonProps ) {
  const defaultStyles = `text-white bg-${color} w-full sm:w-auto sm:px-8 border-b-4 p-4 py-1 mt-6 text-lg border-b-black/25 rounded-full hover:border-b-transparent hover:translate-y-[4px] transition duration-150 shadow-lg shadow-${color}/25`
  
  return <button className={defaultStyles}> 
    {children}
  </button>;
}

export default ActionButton;
<div className='flex flex-col w-full justify-center sm:flex-row sm:gap-6'>
            <ActionButton color='primary'>Download for iOS</ActionButton>
            <ActionButton color='secondary'>Download for Mac</ActionButton>
          </div>

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.