stencil-fragment

1.0.1 • Public • Published

Stencil Fragment

This single line of code adds the same functionality as React.Fragment to your StencilJS app.

The purpose of Fragment is to allow rendering multiple sibling elements without the need to return an array in your render function.

Essentially, Fragment is an "empty element" which can hold child elements without itself being rendered to the DOM. This avoids needless <div> wrappers and arrays.

Usage

npm i stencil-fragment
import Fragment from 'stencil-fragment'
 
render() {
  return (
    <Fragment>
      <div>First element...</div>
      <div>Second element...</div>
      <div>Another element...</div>
    </Fragment>
  )
}

Package Sidebar

Install

npm i stencil-fragment

Weekly Downloads

735

Version

1.0.1

License

ISC

Unpacked Size

1.11 kB

Total Files

3

Last publish

Collaborators

  • michaelauderer