@pod-os/elements

Stencil Component Starter

0.6.1-9563c6f.0

Source

npm

Version published: 2 years ago

Weekly downloads: 128

Maintainers: 1

Weekly downloads

Created: 3 years ago

Source

PodOS elements

HTML custom elements (aka web components) for PodOS.

Using data from Solid Pods as easy as writing HTML!

Quick Start

Create a plain old html file
Add latest PodOS script tag and stylesheet to the head
Add a <pos-app></pos-app> to the body and use any PodOS element within it.
Host the page on any webserver (like your Solid Pod 😉)

Try this 🤩:

<!doctype html>
<html>
<head>
  <title>PodOS Quick Start</title>
  <script type="module" src="https://unpkg.com/@pod-os/elements/dist/elements/elements.esm.js"></script>
  <link href="https://unpkg.com/@pod-os/elements/dist/elements/elements.css" rel="stylesheet">
</head>
<body>
<pos-app>
  <ion-content>  <!-- PodOS elements are build on Ionic -->
    <pos-resource uri="https://solidproject.solidcommunity.net/profile/card#me">
      <h1>
        <pos-label/>
      </h1>
      <blockquote>
        <pos-description/>
      </blockquote>
    </pos-resource>
  </ion-content>
</pos-app>
</body>
</html>

Development

Run locally

Follow the instructions in the projects main readme.

Tests

To run all unit and integration tests execute:

npm test

FAQs

What is @pod-os/elements?

Is @pod-os/elements popular?

Is @pod-os/elements well maintained?

Package last updated on 16 Nov 2022

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install