Creating a component with CSS and JavaScript

banging_hookworm · April 25, 2023, 11:02am

What’s the best way to create a component in studio with some css and javascript? Wanting to add this: https://codepen.io/TheeBryanWhite/pen/KwdWQP

attainable_catshark · April 25, 2023, 4:17pm

attainable_catshark · April 25, 2023, 4:17pm

Use the embed html

banging_hookworm · April 25, 2023, 4:17pm

@attainable_catshark does that allow for css and js as well?

attainable_catshark · April 25, 2023, 4:18pm

yes. just add

<style>
</style>
<script>
</script>

able_bandicoot · April 26, 2023, 4:19am

Oh! I just made a navbar component animation/interaction like that yesterday.
I only used Plasmic’s built-in states/variables and set transitions to smooth things out
(here’s a project with the navbar I made: https://studio.plasmic.app/projects/havdnbrThqi7uKYoUgpUYF)

able_bandicoot · April 26, 2023, 4:22am

banging_hookworm · April 26, 2023, 11:33am

@able_bandicoot super cool - will have to check this out. Wondering how to make it even smoother transition….