developit / developit/preact-transition-group
[Help] es6 import context
- Dominant language
- JavaScript
- Stars
- 54
- Forks
- 9
- PR merge metrics
- No merged PRs in 30d
Description
Could you help me figure out how to use this module with es6 imports.
I can see breakpoints are hit inside `preact-transition-group.mjs`, however it's minified and hard to debug.
The simplest example possible from doesn't seem to work
```html
demo
.example-appear {
opacity: 0.01;
}
.example-appear.example-appear-active {
opacity: 1;
transition: opacity .5s ease-in;
color: red;
}
import { html, render } from 'https://unpkg.com/htm/preact/standalone.module.js';
import TransitionGroup from 'https://unpkg.com/preact-transition-group@2.0.0/dist/preact-transition-group.mjs?module';
function Home() {
return html`
<div>
home
</div>
`;
}
function App() {
return html`
<${TransitionGroup} component="div" transitionName="example" transitionAppear="true"
transitionAppearTimeout="${500}" transitionEnter="enter" transitionLeave="leave">
<${Home} key="home" />
</${TransitionGroup}>
`;
}
render(html`<${App} />`, document.body);
```
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.