Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

76
Vistas
react-jsonschema-form styling form elements

As in the title can I style the inputs and labels directly in the schema via classNames props? If so than how? I have a following schema

  const uchema: JSONSchema7 = {
    type: "object",
    properties: {
      linkdata: {
        title: "Paste Link Here",
        type: "string",
      },
    },
    required: ["linkdata"],
  };

  const uiSchema: UiSchema = {
    linkdata: {
      "ui:autofocus": true,
      classNames: "flex flex-col my-4",
    },
    "ui:submitButtonOptions": {
      props: {
        disabled: true,
        className:
          "bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded shadow",
      },
      norender: false,
      submitText: "Send",
    },
  };

the problem is that the submit button does not accept those tailwind classes, I still have

class="btn btn-info"

Do I need to make custom component for the field and for the label and for the button and every element I would like to use with it?

Thanks

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda