# Taxonium React Component
Taxonium is now available as a React component. There are a few different ways you can use this.
```{eval-rst}
.. note::
This component is new and in flux.
```
## Basic HTML
```html
```
## In a React project
### Install Taxonium Component
```
npm install taxonium-component
```
or
```
yarn add taxonium-component
```
### Import and use Taxonium Component in your React jsx
```js
import Taxonium from "taxonium-component";
const App = () => {
return ;
};
```
## Properties
In either case the following properties are available.
| Property | Type | Default | Description |
| ---------- | --------------------- | ------- | -------------------------------------------------------------- |
| backendUrl | string | None | (Optional) a backend to connect to |
| sourceData | Javascript dictionary | None | (Optional) Tree / metadata to load locally (see section below) |
| configDict | Javascript dictionary | None | (Optional) configuration (see [advanced](./advanced.md)) |
## sourceData
The `sourceData` property allows you to load a tree and metadata directly into the component.
Examples:
```js
sourceData: {
status: "url_supplied",
filename:
"https://cov2tree.nyc3.cdn.digitaloceanspaces.com/ncbi/special_filtered.jsonl.gz",
filetype: "jsonl",
}
```
```js
sourceData: {
status: "loaded",
filename: "test.nwk",
data: `((A:0.1,B:0.2):0.3,C:0.4);`,
filetype: "nwk",
}
```