http%3A%2F%2Fhelp.metaphacts.com%2Fresource%2FComponents.html

  <h2>HTML5 Semantic Components </h2>
  All semantic components are custom HTML5 Web Components, which operate on the result of SPARQL queries (usually either SPARQL SELECT or CONSTRUCT) being executed over the knowledge graph. 
  <p>
    Components differ in their configuration as well as as hooks for customization. 
    In particular, they provide different levels of abstraction (and flexibility respectively) in how the tuple- or graph results are being processed. 
  </p>
  <bs-row>
    <bs-col sm=3 sm-offset=0>
      <h3>General Purpose </h3>
      <ul>
        <li> 
          <semantic-link uri="http://help.metaphacts.com/resource/SemanticQuery" >Query Component</semantic-link> 
        </li>
      </ul>
     </bs-col>
    <bs-col sm=3 sm-offset=0>
      <h3>Visualization / Exploration </h3>
      <ul>
        <li> 
          <semantic-link uri="http://help.metaphacts.com/resource/SemanticCarousel">Carousel Component</semantic-link> 
        </li>
        <li> 
          <semantic-link uri="http://help.metaphacts.com/resource/SemanticTable">Table Component</semantic-link> 
        </li>
        <li> 
          <semantic-link uri="http://help.metaphacts.com/resource/SemanticGraph">Graph Component</semantic-link> 
        </li>
        <li> 
          <semantic-link  uri="http://help.metaphacts.com/resource/SemanticTree">Tree Component</semantic-link> 
        </li>
        <li> 
          <semantic-link  uri="http://help.metaphacts.com/resource/SemanticMap">Geographic Map Component</semantic-link> 
        </li>
        <li> 
          <semantic-link  uri="http://help.metaphacts.com/resource/SemanticChart">Chart Component</semantic-link> 
        </li>
      </ul>
   	</bs-col>
   	<bs-col sm=3 sm-offset=0>
      <h3>Search</h3>
      <ul>
        <li> 
          <semantic-link  uri="http://help.metaphacts.com/resource/SemanticSimpleSearch">Simple Search Component</semantic-link> 
        </li>
        <li> 
          Structured Search Component
        </li>
      </ul>
  	</bs-col>
    <bs-col sm=3 sm-offset=0>
      <h3>Data Curation</h3>
      <ul>
        <li> 
          Data Input / Authoring Components
        </li>
        <li> 
          LDP Container Components
        </li>
      </ul>
  	</bs-col>
  </bs-row>  
	<h2>HTML5 Markup Components</h2>
  Markup components are custom HTML5 Web Components that allow for formatting and structuring the content of pages and templates, providing (interactive) functionality that goes beyond what native HTML markup elements support (e.g. interactive toggling, tabs, grid elements and so forth). 
	<p>
  Some of these components are provided through the integration of existing libraries such as <a href="http://react-bootstrap.github.io/components.html" target="_blank">react-bootstrap</a>, whereas others being custom developments.
	</p>
  <bs-row>
		<bs-col sm=4 sm-offset=0>
      <h3>React-Bootstrap</h3>
        Components provided through react-bootstrap are prefixed with <code>bs-*</code>.
      <ul>
        <li> 
          <semantic-link uri="http://help.metaphacts.com/resource/ReactBootstrap">Vertical Tabs </semantic-link>
        </li>
        <li> 
          <semantic-link uri="http://help.metaphacts.com/resource/ReactBootstrap">Horizontal Tabs </semantic-link>
        </li>
        <li> 
          <semantic-link uri="http://help.metaphacts.com/resource/ReactBootstrap">Grid Layout</semantic-link>
        </li>
        <li> 
          <semantic-link uri="http://help.metaphacts.com/resource/ReactBootstrap">Alert</semantic-link>
        </li>
        <li> 
          <semantic-link uri="http://help.metaphacts.com/resource/ReactBootstrap">Navbar and Navbar Items</semantic-link>
        </li>
        <li> 
          <semantic-link uri="http://help.metaphacts.com/resource/ReactBootstrap">Panels</semantic-link>
        </li>
      </ul>
    </bs-col>
		<bs-col sm=4 sm-offset=0>
      <h3>Metaphactory</h3>
        Components provided through the metaphactory are prefixed with <code>mp-*</code>.
      <ul>
        <li> 
          <semantic-link uri="http://help.metaphacts.com/resource/MPComponents">Modal Dialog</semantic-link>
        </li>
        <li> 
          <semantic-link uri="http://help.metaphacts.com/resource/MPComponents">Resource Link</semantic-link>
        </li>
        <li> 
           <semantic-link uri="http://help.metaphacts.com/resource/MPComponents">(Lazy) Page Loader  </semantic-link>
        </li>
        <li> 
          <semantic-link uri="http://help.metaphacts.com/resource/MPComponents">Burger Sidebar</semantic-link>
        </li>
      </ul>
    </bs-col>
  </bs-row>