2.2.1 • Published 4 years ago
aesthetic-react v2.2.1
Aesthetic via React
Style React components with hooks or HOCs, using the powerful Aesthetic library.
import React from 'react';
import { useStyles } from 'aesthetic-react';
export type Props = {
children: React.ReactNode;
};
export default function Button({ children }: Props) {
const [styles, cx] = useStyles(({ unit }) => ({
button: {
textAlign: 'center',
display: 'inline-block',
padding: unit,
},
}));
return (
<button type="button" className={cx(styles.button)}>
{children}
</button>
);
}
Requirements
- React 16.6+
Installation
yarn add aesthetic aesthetic-react react
// Or
npm install aesthetic aesthetic-react react
Documentation
2.2.1
4 years ago
2.2.0
4 years ago
2.1.3
4 years ago
2.1.2
4 years ago
2.1.1
4 years ago
2.1.0
4 years ago
2.0.1
4 years ago
2.0.0
4 years ago
2.0.0-alpha.1
4 years ago
2.0.0-alpha.2
4 years ago
2.0.0-alpha.0
4 years ago
1.1.3
5 years ago
1.1.2
5 years ago
1.1.1
5 years ago
1.1.0
5 years ago
1.0.0
5 years ago
1.0.0-rc.0
5 years ago
1.0.0-alpha.7
5 years ago
1.0.0-alpha.6
5 years ago
1.0.0-alpha.5
5 years ago
1.0.0-alpha.4
5 years ago
1.0.0-alpha.3
5 years ago
1.0.0-alpha.2
5 years ago
1.0.0-alpha.1
5 years ago
1.0.0-alpha.0
5 years ago