neft/wiki/API/Document-neft:use-API.md

JavaScript. Everywhere.

> [Wiki](Home) ▸ [[API Reference|API-Reference]] ▸ [[Document|Document-API]] ▸ **neft:use**

# neft:use

Tag used to place [neft:fragment](/Neft-io/neft/wiki/Document-neft:fragment-API#neftfragment).

```xml
<neft:fragment neft:name="user">
  This is a user
</neft:fragment>

<neft:use neft:fragment="user" />
```

[neft:fragment](/Neft-io/neft/wiki/Document-neft:fragment-API#neftfragment) attribute can be changed in runtime.

```xml
<neft:fragment neft:name="h1">
  <h1>H1 heading</h1>
</neft:fragment>

<neft:use neft:fragment="h${data.level}" />
```

Short version of [neft:use](/Neft-io/neft/wiki/Document-neft:use-API#neftuse) is a tag prefixed by `use:`.

```xml
<neft:fragment neft:name="user">
  This is a user
</neft:fragment>

<use:user />
```

[neft:use](/Neft-io/neft/wiki/Document-neft:use-API#neftuse) attributes are available in [neft:fragment](/Neft-io/neft/wiki/Document-neft:fragment-API#neftfragment) scope.

```xml
<neft:fragment neft:name="h1">
  <h1>H1: ${props.data}</h1>
</neft:fragment>

<use:h1 data="Test heading" />
```

## Table of contents
* [neft:use](#neftuse)
  * [neft:async](#neftasync)
* [Glossary](#glossary)

## neft:async

Renders fragment on the first free animation frame.

Use this attribute to render less important elements.

```xml
<use:body neft:async />
```

> [`Source`](/Neft-io/neft/blob/564f8d734f4e3d2b9c5aa3d8f0b6cad0c8b3f9f0/src/document/file/parse/uses.litcoffee#neftasync)

# Glossary

- [neft:use](#neftuse)