Skip to content

A web component to add resizing behavior to test intrinsically sized responsive components.

License

Notifications You must be signed in to change notification settings

zachleat/resizeasaurus

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

resizeasaurus

A web component to add resizing behavior to test intrinsically sized responsive components.

Install

npm install @zachleat/resizeasaurus --save

Demo

Usage

<resize-asaurus>
	My component goes here
</resize-asaurus>

Add the disabled attribute to disable the component behavior (and hide its styling).

<resize-asaurus disabled>
	My component goes here
</resize-asaurus>

Add the label="disabled" attribute to disable the live width text.

<resize-asaurus label="disabled">
	My component goes here
</resize-asaurus>

About

A web component to add resizing behavior to test intrinsically sized responsive components.

Resources

License

Stars

Watchers

Forks

Languages

  • HTML 55.5%
  • JavaScript 44.5%