1. Setup with framer-motion
npm i untitledui-js framer-motion
2. Setup without framer-motion (base)
import { Communication } from "untitledui-js"
<-- Category Import-->
import { AnnotationAlert } from "untitledui-js"
<-- Direct Import -->
//...imports
const App = () => {
return (
<Fragment>
<Communication.AnnotationAlert />
<AnnotationAlert />
</Fragment>
);
};
return (
<AnnotationAlert
size={"15"} //adjusts both width and height properties
pathProps={{
...props,
}} //allows the adjustment of the path properties directly
{...props} //other svg properties
/>
);