npm

turbo-morph
TypeScript icon, indicating that this package has built-in type declarations

0.2.0 • Public • Published

Turbo Morph

NPM Version NPM Downloads NPM Bundle Size

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

Readme

Keywords

none

Package Sidebar

Install

npm i turbo-morph

Weekly Downloads

649

Version

0.2.0

License

MIT

Unpacked Size

6.74 kB

Total Files

10

Last publish

Collaborators

  • marcoroth