---
title: "Source | Features"
description: "ZingGrid has a basic, built-in source (citation) element that wraps the source text in `<cite role=\"any\">`."
url: https://www.zinggrid.com/docs/features/source
---

```text
experiment_id: web-retrieval-v1
fixture_id: /docs/features/source.md
mode: provenance
representation: markdown
origin_response_id: 2175a96e3ad92cf11084598ae7183c35
version: 2026-10-21
version_created_at_utc: 2026-10-21T20:42:35.705Z
version_nonce: 5b908e5e8c08e6536d1138233a97e22b
generated_at_utc: 2026-10-21T23:40:25.801Z
response_nonce: 853b2e7b7824605769bd65a4bbcca616
```

# Source

ZingGrid has a basic, built-in source (citation) element that wraps the source text in `<cite role="any">`.

## Basic Usage

To add a source/citation to your grid, you can use the `<zg-source>` element or add a `source` attribute to the `<zing-grid>` tag with the text of the source as its value (see below).

```html
<zg-source><small>Source:</small> Wikipedia, World Bank</zg-source>
<!-- or -->
<zing-grid source="Wikipedia, World Bank"></zing-grid>
```

> **Note:** Note: Use the ``<zg-source>`` element instead of the attribute if you want to add inner HTML. For example: ``<zg-source>``<small>`Source:`<small>` Citation Here`</zg-source>``.

### Sourced Grid
Here is a complete grid with the source of the data displayed at the bottom of the grid:

[Example code](https://app.zingsoft.com/demos/embed/I75QMJVT)

## Related Resources
Here are some extra resources related to this feature to help with creating your grid:

* [API Elements List](https://www.zinggrid.com/docs/api/tags/zing-grid)
* [CSS Variables List](https://www.zinggrid.com/docs/api-css-variables)