0.0.2-beta.31 • Published 4 years ago
magic-components v0.0.2-beta.31
magic-components
import React from "react";
import { render } from "react-dom";
import "magic-components";
function App() {
return (
<stack mx={4} my={6} gap={3} align="center">
<div
bg="red.100"
p={3}
whileHover={{
cursor: "pointer",
backgroundColor: "green.100",
scale: 1.1
}}
>
Magic
</div>
<div
bg="green.100"
p={3}
whileHover={{
bgColor: "amber.100",
cursor: "pointer",
rotateZ: "-35deg"
}}
>
More Magic
</div>
</stack>
);
}
const rootElement = document.getElementById("root");
render(<App />, rootElement);
0.0.2-beta.31
4 years ago
0.0.2-beta.30
4 years ago
0.0.2-beta.29
4 years ago
0.0.2-beta.28
4 years ago
0.0.2-beta.26
4 years ago
0.0.2-beta.27
4 years ago
0.0.2-beta.25
4 years ago
0.0.2-beta.24
4 years ago
0.0.2-beta.23
4 years ago
0.0.2-beta.22
4 years ago
0.0.2-beta.21
4 years ago
0.0.2-beta.20
4 years ago
0.0.2-beta.17
4 years ago
0.0.2-beta.19
4 years ago
0.0.2-beta.18
4 years ago
0.0.2-beta.16
4 years ago
0.0.2-beta.15
4 years ago
0.0.2-beta.14
4 years ago
0.0.2-beta.13
4 years ago
0.0.2-beta.12
4 years ago
0.0.2-beta.11
4 years ago
0.0.2-beta.9
4 years ago
0.0.2-beta.10
4 years ago
0.0.2-beta.7
4 years ago
0.0.2-beta.8
4 years ago
0.0.2-beta.6
4 years ago
0.0.2-beta.5
4 years ago
0.0.1-bete.11
4 years ago
0.0.1-beta.12
4 years ago
0.0.1-beta.11
4 years ago
0.0.2-beta.3
4 years ago
0.0.2-beta.4
4 years ago
0.0.1-beta.14
4 years ago
0.0.1-beta.13
4 years ago
0.0.2-beta.1
4 years ago
0.0.2-beta.2
4 years ago
0.0.1-beta.15
4 years ago
0.0.1-beta.10
4 years ago
0.0.1-beta.9
4 years ago
0.0.1-beta.8
4 years ago
0.0.1-beta.7
4 years ago
0.0.1-beta.6
4 years ago
0.0.1-beta.5
4 years ago
0.0.1-beta.4
4 years ago
0.0.1-beta.3
4 years ago
0.0.1-beta.2
4 years ago
0.0.1-beta.1
4 years ago