A collection of rounding components based on styled-components
With npm:
npm install --save react-rounderWith Yarn:
yarn add react-rounderEach loader has their own default properties. You can overwrite the defaults by passing props into the loaders.
import { Jelly } from "react-rounder/Jelly";
function App() {
return (
<Jelly size={40} color="orange" />
);
}
export default App;import React, { useState } from "react";
import { Jelly } from "react-rounder/Jelly";
function App() {
const [showRounder, setShowRounder] = useState(true);
return (
<>
<button onClick={() => setShowRounder(prev => !prev)}>
Toggle Rounder!
</button>
<Jelly size={40} color="orange" show={showRounder} />
</>
);
}
export default App;Default props for all rounders:
show: true; // boolean
color: "#818CF8"; // any css color value
size: 48; // px - Pull requests are always welcome
- For bugs or new rounder requests please create an issue
MIT
