https://github.com/soenneker/soenneker.blazor.mediaquery

A Blazor interop library for media queries for viewport size logic
https://github.com/soenneker/soenneker.blazor.mediaquery

blazor csharp dotnet interop js media mediaquery mediaqueryinterop query viewport

Last synced: 9 days ago
JSON representation

A Blazor interop library for media queries for viewport size logic

• Host: GitHub
• URL: https://github.com/soenneker/soenneker.blazor.mediaquery
• Owner: soenneker
• License: mit
• Created: 2024-09-21T20:57:36.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-12-30T23:28:23.000Z (15 days ago)
• Last Synced: 2024-12-31T00:23:36.272Z (15 days ago)
• Topics: blazor, csharp, dotnet, interop, js, media, mediaquery, mediaqueryinterop, query, viewport
• Language: C#
• Homepage: https://soenneker.com
• Size: 554 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![](https://img.shields.io/nuget/v/soenneker.blazor.mediaquery.svg?style=for-the-badge)](https://www.nuget.org/packages/soenneker.blazor.mediaquery/)

[![](https://img.shields.io/github/actions/workflow/status/soenneker/soenneker.blazor.mediaquery/publish-package.yml?style=for-the-badge)](https://github.com/soenneker/soenneker.blazor.mediaquery/actions/workflows/publish-package.yml)

[![](https://img.shields.io/nuget/dt/soenneker.blazor.mediaquery.svg?style=for-the-badge)](https://www.nuget.org/packages/soenneker.blazor.mediaquery/)

# ![](https://user-images.githubusercontent.com/4441470/224455560-91ed3ee7-f510-4041-a8d2-3fc093025112.png) Soenneker.Blazor.MediaQuery

### A Blazor interop library for media queries and viewport size logic

## Installation

```

dotnet add package Soenneker.Blazor.MediaQuery

```

### Register with `IServiceCollection`:

```csharp

public void ConfigureServices(IServiceCollection services)

{

    services.AddMediaQueryInteropAsScoped();

}

```

## Usage

```razor

 // Supports standard CSS media queries

    This is visible at widths greater than 768px

```