Skip to main content

Customization

Both FolderView and JsonView can be customized by adding props theme, width, height and shadow.

FolderView​

Example​

<FolderView
  data={data}
  callback={callback}
  width="400px"
  height="500px"
  theme={{ bg: "#e88f8f", fg: "white", size: "20px" }}
  shadow
/>

Output​

▷
public
▷
src
package.json

JsonView​

Example​

<JsonView
  data={data}
  width="300px"
  height="50vh"
  theme={{ bg: "#345683", fg: "white", size: "15px" }}
  shadow
/>

Output​

▷ 0
▷ 1
▷ 2