> For the complete documentation index, see [llms.txt](https://jho406.gitbook.io/breezy/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jho406.gitbook.io/breezy/dev/recipes/load-tab-onclick.md).

# Loading a tab onClick

Some features require loading content `onCLick`. For example, when a user clicks on an inactive tab to load its content async.

```ruby
# /posts.json.props

json.posts do
  json.all do
  end

  json.pending(defer: :manual) do
  end
end
```

```javascript
//...in your component
  render() {
    return (
      <ol className='tabs'>
        <li> tab1 </li>
        <li> <a href="/posts?bzq=data.posts.pending" data-bz-remote={true}>tab2</a> </li>
      <ol>
      ....
    )
  }
```

`defer: :manual` will instruct PropsTemplate to render the page without that node. You need to manually request the missing content using [template querying](/breezy/dev/features/traversal-guide.md) like the example above.