modules - react jsx css

Proyecto de estilo en React

Question

Quiero usar draft.js en mi proyecto. Tiene su propio css que también necesito importar. En la documentation se dice:

Este CSS debería incluirse al representar el editor, ya que estos estilos establecen valores predeterminados para la alineación del texto, el espaciado y otras características importantes.

1. ¿Cómo incluyo el Draft.css mientras renderizo el componente? ¿Lo incluyo en mi index.html principal?
2. También cómo asignar una id al editor para que pueda diseñarlo (por ejemplo, border , padding , min-height , etc.)

Answer 1

Dependiendo de su configuración, debería poder incluir o importar Draft.css en el archivo index.js.

...
import ''draft-js/dist/Draft.css'';
...

Answer 2

draftjs produce Draft.css en la compilación y está disponible dentro de los node_modules. Usa el css para el estilo por defecto.

Para el color de fondo del editor, se debe modificar la siguiente clase CSS:

.DraftEditor-editorContainer {
  background-color:#fff;
  border-left:.1px solid transparent;
  position:relative;
  z-index:1
}