---
source: crates/biome_js_analyze/tests/spec_tests.rs
expression: valid.jsx
---
# Input
```jsx
let a = <span role="button"></span>;
let a = <span role={`scroll${a}bar`}></span>;
let a = <TestComponent onClick={doFoo} />;
let a = <Button onClick={doFoo} />;
let a = <a tabIndex="0" role="button" />;
let a = <a href="http://x.y.z" role="button" />;
let a = <a href="http://x.y.z" tabIndex="0" role="button" />;
let a = <area role="button" />;
let a = <area role="menuitem" />;
let a = <button className="foo" role="button" />;
let a = <input role="button" />;
let a = <input type="button" role="button" />;
let a = <input type="checkbox" role="button" />;
let a = <input type="color" role="button" />;
let a = <input type="date" role="button" />;
let a = <input type="datetime" role="button" />;
let a = <input type="datetime-local" role="button" />;
let a = <input type="email" role="button" />;
let a = <input type="file" role="button" />;
let a = <input type="image" role="button" />;
let a = <input type="month" role="button" />;
let a = <input type="number" role="button" />;
let a = <input type="password" role="button" />;
let a = <input type="radio" role="button" />;
let a = <input type="range" role="button" />;
let a = <input type="reset" role="button" />;
let a = <input type="search" role="button" />;
let a = <input type="submit" role="button" />;
let a = <input type="tel" role="button" />;
let a = <input type="text" role="button" />;
let a = <input type="time" role="button" />;
let a = <input type="url" role="button" />;
let a = <input type="week" role="button" />;
let a = <menuitem role="button" />;
let a = <option className="foo" role="button" />;
let a = <select className="foo" role="button" />;
let a = <textarea className="foo" role="button" />;
let a = <tr role="button" />;
let a = <tr role="presentation" />;
let a = <a tabIndex="0" role="img" />;
let a = <a href="http://x.y.z" role="img" />;
let a = <a href="http://x.y.z" tabIndex="0" role="img" />;
let a = <input role="img" />;
let a = <input type="img" role="img" />;
let a = <input type="checkbox" role="img" />;
let a = <input type="color" role="img" />;
let a = <input type="date" role="img" />;
let a = <input type="datetime" role="img" />;
let a = <input type="datetime-local" role="img" />;
let a = <input type="email" role="img" />;
let a = <input type="file" role="img" />;
let a = <input type="image" role="img" />;
let a = <input type="month" role="img" />;
let a = <input type="number" role="img" />;
let a = <input type="password" role="img" />;
let a = <input type="radio" role="img" />;
let a = <input type="range" role="img" />;
let a = <input type="reset" role="img" />;
let a = <input type="search" role="img" />;
let a = <input type="submit" role="img" />;
let a = <input type="tel" role="img" />;
let a = <input type="text" role="img" />;
let a = <input type="time" role="img" />;
let a = <input type="url" role="img" />;
let a = <input type="week" role="img" />;
let a = <menuitem role="img" />;
let a = <option className="foo" role="img" />;
let a = <select className="foo" role="img" />;
let a = <textarea className="foo" role="img" />;
let a = <tr role="img" />;
let a = <a tabIndex="0" role="listitem" />;
let a = <a href="http://x.y.z" role="listitem" />;
let a = <a href="http://x.y.z" tabIndex="0" role="listitem" />;
let a = <input role="listitem" />;
let a = <input type="listitem" role="listitem" />;
let a = <input type="checkbox" role="listitem" />;
let a = <input type="color" role="listitem" />;
let a = <input type="date" role="listitem" />;
let a = <input type="datetime" role="listitem" />;
let a = <input type="datetime-local" role="listitem" />;
let a = <input type="email" role="listitem" />;
let a = <input type="file" role="listitem" />;
let a = <input type="image" role="listitem" />;
let a = <input type="month" role="listitem" />;
let a = <input type="number" role="listitem" />;
let a = <input type="password" role="listitem" />;
let a = <input type="radio" role="listitem" />;
let a = <input type="range" role="listitem" />;
let a = <input type="reset" role="listitem" />;
let a = <input type="search" role="listitem" />;
let a = <input type="submit" role="listitem" />;
let a = <input type="tel" role="listitem" />;
let a = <input type="text" role="listitem" />;
let a = <input type="time" role="listitem" />;
let a = <input type="url" role="listitem" />;
let a = <input type="week" role="listitem" />;
let a = <menuitem role="listitem" />;
let a = <option className="foo" role="listitem" />;
let a = <select className="foo" role="listitem" />;
let a = <textarea className="foo" role="listitem" />;
let a = <tr role="listitem" />;
let a = <tr role="menu" />;
let a = <tr role="menuitem" />;
let a = <tr role="option" />;
let a = <tr role="presentation" />;
let a = <tr role="tabpanel" />;
let a = <tr role="tree" />;
let a = <tr role="treegrid" />;
let a = <tr role="treeitem" />;

```