turbo-morph
npm i turbo-morph
Morph action for Turbo Streams
npm i turbo-morph
Turbo Morph
Getting Started
turbo-morph is a morphdom integration for Turbo Streams. It provides a new Turbo Stream morph action.
Note: Requires Turbo 7.2+
yarn add turbo-morph
// application.js
import * as Turbo from '@hotwired/turbo'
+import TurboMorph from 'turbo-morph'
+TurboMorph.initialize(Turbo.StreamActions)
Example
<turbo-stream action="morph" target="body">
<template>
<body data-updated="true">
<h1>This is the new body</h1>
</body>
</template>
</turbo-stream>
children-only option
morphdom exposes a childrenOnly option that can be passed to a morph call.
With Turbo Streams you can apply this option by adding the [children-only] attribute to your <turbo-stream> element.
<turbo-stream action="morph" target="body" children-only>
...
</turbo-stream>
Usage with Rails
TBD
Acknowledgments
tubro-morph is MIT-licensed open-source software from Marco Roth.
Turbo is MIT-licensed open-source software from Basecamp.
morphdom is MIT-licensed open-source software from Patrick Steele-Idem
| Version | Tag | Published |
|---|---|---|
0.2.0 | latest | 2mos ago |
No alternatives found
No tutorials found
Add a tutorialNo dependencies found
Rate & Review
No reviews found
Be the first to rateMenu