protvista-structure

A custom element wrapper for Mol*

Usage no npm install needed!

<script type="module">
  import protvistaStructure from 'https://cdn.skypack.dev/protvista-structure';
</script>

README

protvista-structure

Published on NPM

A native web component wrapper around Mol*

Usage

<!-- With UniProt Accession -->
<protvista-structure accession="P06493" pdb-id="4YC3" />
<!-- With a specific PDBe entry selected and the entrie table being hidden -->
<protvista-structure
  accession="P06493"
  highlight="209:220"
  pdb-id="4YC3"
  hide-table
/>

API Reference

Properties

accession

A UniProt protein accession.

highlight

This is a comma separated list of numerical ranges represented as a string e.g. "1-5,10-20". When available, it will highlight all the residues corresponding to the given sequence positions.

pdb-id

The id of the structure to display for the provided accession.

height

The optional height of both table -- if visible, and the 3D structure. By default the value is set to 480px. This should be a string value, representing a valid CSS value for an element's height property.