> For the complete documentation index, see [llms.txt](https://jsf.gitbook.io/jsf/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jsf.gitbook.io/jsf/page-and-components/componnet.md).

# Component

Example JSON for comments component showing `comments list` JSF definition form. With data source set to `comments` API.

|                                           |   |
| ----------------------------------------- | - |
| `dataSources: DataSource[]`               |   |
| `dataSourcesFilters: DataSourcesFilter[]` |   |

### DataSource object interface

|                            |                                  |
| -------------------------- | -------------------------------- |
| `key: string`              | Data source key.                 |
| `refreshInterval?: number` | Refresh interval in miliseconds. |

### Example

```javascript
{
  "dataSourcesFilters": [
    {
      "dataSource": "users",
      "filterPath": "path.to.my.filterByUser"
    }
  ],
  "dataSources": [
    {
      "key": "comments",
      "refreshInterval": 30000
    }
  ],
  "jsfDefinition": {
    "$ref": "comments-list-form"
  }
}
```