3.0.7 • Published 4 months ago
lesca-react-landscape v3.0.7
Why use it?
a landscape screen of react component.
look like this.
Live Demo
Installation
npm install lesca-react-landscape --save
Usage
As a Node module:
import Landscape from 'lesca-react-landscape';
const LandscapePage = () => {
return (
<Landscape style={{ backgroundColor: '#ff6600' }} >
<myIcon>
</Landscape>
);
};
export default LandscapePage;
Development
Props
props | description | default |
---|---|---|
style | css-inline-js | default style |
children | reactNode | default children |
Default style
const defaultStyle = {
position: 'fixed',
width: '100%',
height: '100%',
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
top: '0',
left: '0',
};
Default children
<div
style={{
width: '100%',
height: '100%',
backgroundColor: 'rgba(0, 0, 0, 1)',
backgroundImage: `url(${defaultIcon})`,
backgroundSize: '10vw',
backgroundRepeat: 'no-repeat',
backgroundPosition: 'center',
}}
/>
Features
- maintain if necessary
3.0.4
4 months ago
3.0.7
4 months ago
3.0.5
4 months ago
3.0.3
4 months ago
3.0.2
4 months ago
3.0.1
4 months ago
3.0.0
7 months ago
2.2.2
2 years ago
2.2.1
2 years ago
2.2.0
2 years ago
2.1.3
2 years ago
2.1.2
2 years ago
2.1.1
2 years ago
2.1.0
2 years ago
2.0.0
2 years ago
1.0.2
3 years ago
1.0.4
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago