1.1.3 • Published 2 years ago

@leekit/use-media-query v1.1.3

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

@leekit/use-media-query

React Hook for responsive design

Installation

npm i @leekit/use-mediq-query

Usage

import React from "react";
import useMediaQuery from "@leekit/use-media-query";

function App() {
  const media = useMediaQuery({ minWidth: "761" });

  return (
    <div className="App">
      <div className={media}>
        {media === "pc" ? "PC screen" : "Mobile screen"}
      </div>
    </div>
  );
}

Arguments

ArgumentreturnRequiredDefault Argument
{ minWidth: 'your value' }'pc' | 'mobile'-{ minWidth: '721' }
1.1.3

2 years ago

1.1.2

2 years ago

1.1.1

2 years ago

1.1.0

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago