Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@teamnovu/vue-breaky-core

Package Overview
Dependencies
Maintainers
3
Versions
5
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@teamnovu/vue-breaky-core

Core Package for Breaky Plugins

  • 0.1.4
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
5
decreased by-44.44%
Maintainers
3
Weekly downloads
 
Created
Source

vue-breaky-core

npm version License

Show Tailwind CSS Breakpoints in Vuejs

📖 Release Notes

Intro

DEMO

breaky helps you create your responsive designs faster. breaky reads your defined breakpoints within your tailwind config and shows the currently active breakpoint based on your browser window width.

Demo GIF of window resizing Demo GIF of dragging Demo GIF of toggling dark mode

Setup

NOTE: We highly recommend you to use one of the following packages:

These packages will help you install the breaky core.

If you only want to use the breaky core vue component and want to include it and the tailwind config yourself, feel free to do so but we won't guide your through the whole installation.

Just to get you started: Importing @teamnovu/vue-breaky-core imports the core component which you want to include on your page.

Configuration

Props

PropTypeDefaultOptionsDescription
breakpointsObjectnone, RequiredThe configured breakpoints (screens) as stored in the tailwind.config.js
colorSchemeStringauto'auto' | 'light' | 'dark'Switch between different color schemes
positionString'bottomRight''topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight'Breakys starting position

Development

  1. Clone this repository
  2. Install dependencies using yarn install
  3. Start development server using yarn dev

Release

  1. yarn release
  2. npm publish

License

MIT License

Copyright (c) teamnovu

FAQs

Package last updated on 03 Oct 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc