Skip to content

Additional Customization Options for Icons and Formatting #68

Open
@chacha912

Description

@chacha912

First, I'd like to thank you for maintaining react-json-view. It's an excellent library that I've been using extensively in my projects!

I've made some custom modifications to meet specific UI requirements:

  1. Added an iconStyle='arrow' option to change the default triangle icons to arrows
  2. Implemented a displayBraceColon={false} prop to hide the colon after braces

Image

My Questions

  • Are there existing, documented ways to achieve these customizations that I might have missed?
  • If not, would you consider these features as potential additions to the library?

I'd be happy to contribute a PR for these features if you think they would be valuable additions to the library.
I share the commits where I implemented these customizations for your reference. chacha912/react-json-view@a06cb3e

Thank you for considering my request!

Activity

pgliang001

pgliang001 commented on Mar 15, 2025

@pgliang001

Hi @chacha912

In recommend, rename displayBraceColon to displayCompact. This better illustrates the output visual effect rather than the behavior. Naming displayCompact mean to do more than hide the colon after braces if you or other can in future.

PS. i borrow the naming from gmail setting ^_^

chacha912

chacha912 commented on Mar 16, 2025

@chacha912
Author

@pgliang001 Thanks for the good suggestion. I'll make the changes and submit a PR.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      Participants

      @pgliang001@chacha912

      Issue actions

        Additional Customization Options for Icons and Formatting · Issue #68 · microlinkhq/react-json-view