https://github.com/pankod/react-hooks-screen-type

Determining screen size type for Bootstrap 4 grid.
https://github.com/pankod/react-hooks-screen-type

react-hooks

Last synced: about 1 month ago
JSON representation

Determining screen size type for Bootstrap 4 grid.

• Host: GitHub
• URL: https://github.com/pankod/react-hooks-screen-type
• Owner: pankod
• Created: 2018-12-27T13:57:53.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2018-12-27T14:31:08.000Z (almost 6 years ago)
• Last Synced: 2024-10-28T17:39:41.202Z (about 1 month ago)
• Topics: react-hooks
• Language: JavaScript
• Homepage:
• Size: 286 KB
• Stars: 15
• Watchers: 5
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• fucking-awesome-react-hooks - `useScreenType`
• awesome-react-hooks-cn - `useScreenType`
• awesome-react-hooks - `useScreenType`
• awesome-react-hooks - `useScreenType`
• awesome-react-hooks - react-hooks-screen-type - Determining screen size type for Bootstrap 4 grid. (Extensions/Libraries)

README

        
## About

This package is useful for determining screen size type on web applications with respect to bootstrap 4 grid system.

## Install

```

npm i react-hooks-screen-type

```

Or

```

yarn add react-hooks-screen-type

```

## Usage

```

import useScreenType from 'react-hooks-screen-type';

function MyAwesomeComponent() {

    const screenType = useScreenType();

    // can be "x-small, small, medium, large, x-large"

}

```



  Created by Pankod



## License

Licensed under the MIT License, Copyright © 2018-present Pankod