1.0.11 • Published 2 months ago
untitledui-js-base v1.0.11
Get Started → Documentation
Installation
1. Setup with framer-motion
npm i untitledui-js framer-motion
2. Setup without framer-motion (base)
npm i untitledui-js-base
Basic Usage
1. Imports
import { Communication } from "untitledui-js"
<-- Category Import-->
import { AnnotationAlert } from "untitledui-js"
<-- Direct Import -->
2. Rendering on the DOM
//...imports
const App = () => {
return (
<Fragment>
<Communication.AnnotationAlert />
<AnnotationAlert />
</Fragment>
);
};
3. Customization
return (
<AnnotationAlert
size={"15"} //adjusts both width and height properties
pathProps={{
...props,
}} //allows the adjustment of the path properties directly
{...props} //other svg properties
/>
);