Get started with glamorous CDN
MIT licensed
A glamorous library enhances user interfaces with visually appealing components and streamlined development.
Tags:- react
- css
- css-in-js
- cssinjs
- styled-components
- glamor
- jsxstyle
Stable version
Copied!
How to start using glamorous CDN
// Import Glamorous library
const { Div, box, grid, prop } = require('glamorous');
// Create a component for a box with custom styles
const CustomBox = box({
backgroundColor: prop('backgroundColor', '#f5f5f5'),
borderRadius: 5,
padding: 10,
width: 200,
height: 150
});
// Create a component for a grid with two columns
const CustomGrid = grid({
columns: 'auto 1fr',
width: '100%'
});
// Create a component for a div with custom styles and children
const CustomDiv = Div.withComponent(CustomBox)(
({ backgroundColor }) => (
<CustomBox backgroundColor={backgroundColor}>
<p>Hello, Glamorous!</p>
</CustomBox>
)
);
// Use the components in the JSX
ReactDOM.render(
<CustomGrid>
<CustomDiv backgroundColor="#3498db" />
<CustomDiv backgroundColor="#e74c3c" />
</CustomGrid>,
document.getElementById('root')
);
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
All versions
1.0.0
1.0.1
2.0.0
2.0.1
3.0.0
3.0.1
3.1.0
3.10.0
3.11.0
3.11.1
3.11.2
3.12.0
3.12.1
3.13.0
3.13.1
3.13.2
3.13.3
3.13.4
3.14.0
3.15.0
3.15.1
3.16.0
3.17.0
3.18.0
3.18.1
3.19.0
3.19.1
3.2.0
3.20.0
3.21.0
3.22.0
3.22.1
3.23.0
3.23.1
3.23.2
3.23.2-beta.0
3.23.3
3.23.4
3.23.5
3.24.0
3.25.0
3.3.0
3.4.0
3.5.0
3.6.0
3.6.1
3.7.0
3.7.1
3.8.0
3.9.0
3.9.1
3.9.2
4.0.0
4.0.0-beta.0
4.0.0-beta.1
4.1.0
4.1.1
4.1.2
4.10.0
4.11.0
4.11.1
4.11.2
4.11.3
4.11.4
4.11.5
4.11.6
4.12.0
4.12.1
4.12.2
4.12.3
4.12.4
4.12.5
4.13.0
4.13.1
4.2.0
4.2.1
4.3.0
4.3.1
4.4.0
4.4.1
4.5.0
4.6.0
4.7.0
4.8.0
4.8.0-beta.0
4.9.0
4.9.0-beta.0
4.9.0-beta.1
4.9.1
4.9.2
4.9.3
4.9.4
4.9.5
4.9.6
4.9.7
*** 5.0.0