https://github.com/hiroppy/react-scalable
Fit your element with the outer frame
https://github.com/hiroppy/react-scalable
Last synced: about 2 months ago
JSON representation
Fit your element with the outer frame
- Host: GitHub
- URL: https://github.com/hiroppy/react-scalable
- Owner: hiroppy
- License: mit
- Created: 2017-08-13T17:37:25.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2020-08-17T02:25:47.000Z (almost 6 years ago)
- Last Synced: 2025-10-08T22:27:02.133Z (8 months ago)
- Language: JavaScript
- Homepage:
- Size: 9.22 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
react-scalable
Respect [Scalable](https://github.com/ScriptArtist/Scalable).
## Demo
https://abouthiroppy.github.io/react-scalable
## Install
```sh
$ npm i --save react-scalable
```
## Usage
```javascript
import React from 'react';
import Scalable from 'react-scalable';
const Component = () => (
Hello!
);
```
## Props
| Name | Default | Type | Description |
| ------------- | ------------- | ------------- | ------------- |
| align | center | center | left | right | An element's horizontal alignment |
| verticalAlign | center | center | top | bottom | An element's vertical alignment |
|containerHeight|fixed| fixed | auto| whether the element is fitted within content |
|minScale| N/A | number | an element's minimum scale |
|maxScale| N/A | number | an element's maximum scale |
## Development
```sh
$ npm i
$ npm start # start storybook
$ open http://localhost:8080
```