https://github.com/texnomic/jsonviewer

ASP.NET Core JsonViewer Component for Server-Side Blazor Based-on Alenaksu's Json-Viewer https://github.com/alenaksu/json-viewer.
https://github.com/texnomic/jsonviewer

blazor json web-component

Last synced: 2 months ago
JSON representation

ASP.NET Core JsonViewer Component for Server-Side Blazor Based-on Alenaksu's Json-Viewer https://github.com/alenaksu/json-viewer.

• Host: GitHub
• URL: https://github.com/texnomic/jsonviewer
• Owner: Texnomic
• License: mit
• Created: 2020-06-29T12:08:02.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-09-24T13:17:47.000Z (over 1 year ago)
• Last Synced: 2024-10-31T22:35:45.795Z (3 months ago)
• Topics: blazor, json, web-component
• Language: HTML
• Homepage:
• Size: 246 KB
• Stars: 15
• Watchers: 3
• Forks: 6
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![Blazor](https://raw.githubusercontent.com/Texnomic/JsonViewer/master/Logo.png)

## Texnomic.Blazor.JsonViewer

![NuGet](https://img.shields.io/nuget/vpre/Texnomic.Blazor.JsonViewer?logo=NuGet&label=NuGet%20%7C%20Texnomic.Blazor.JsonViewer&logoColor=blue&color=blue)

ASP.NET Core JsonViewer Component for Server-Side Blazor Based-on [Alenaksu's Json-Viewer](https://github.com/alenaksu/json-viewer).

## Installation

```pwsh

PM> Install-Package Texnomic.Blazor.JsonViewer

```

## Setup

1. Reference hCaptcha & NuGet Package JavaScript Files In `Pages/_Host.cshtml` File:

    ```html

    

       

    

    ```

2. Drop-In JsonViewer Component & Bind Element Reference In `Example.razor` File:

    ```html

    @using Texnomic.Blazor.JsonViewer

    

    ```

3. Create Backing Element Reference In `Example.razor.cs` File:

    ```csharp

    using Texnomic.Blazor.JsonViewer;

    protected JsonViewer JsonViewerInstance { get; set; }

    protected async ValueTask Example(string Json)

    {

        await JsonViewerInstance.Render(Json);

    }

    ```

## Donations

* [![PayPal](https://img.shields.io/static/v1?logo=PayPal&label=PayPal&message=https://www.paypal.me/texnomic&color=blue)](https://www.paypal.me/texnomic)