@p4rm/ui NPM | npm.io

Checkout the complete documentation over here -> https://ui.p4rm.com

P4RM UI

P4RM UI contains most used web components built using Stencil. So you don't need to include any additional framework dependencies, You can simple import required component js, and right away start using it.

Getting Started

Script tag

Put a script tag similar to this <script type="module" src="https://unpkg.com/@p4rm/ui@1.0.3/dist/p4rm-ui/p4rm-ui.esm.js"></script> in the head of your index.html
Include default font Roboto in the page
Then you can use the element anywhere in your template, JSX, html etc

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>P4RM Component</title>

  <!-- include your custom theme variable values, view variable names at https://unpkg.com/@p4rm/ui@1.0.2/dist/p4rm-ui/styles/theme.css -->
  <!--link rel="stylesheet" href="/custom-theme.css"></link-->
  <script type="module" src="https://unpkg.com/@p4rm/ui@1.2.5/dist/p4rm-ui/p4rm-ui.esm.js"></script>

</head>
<body>

  <p4-button size="lg" variant="primary">Click me</p4-button>

</body>
</html>

@everything-registry/sub-chunk-700 @zalastax/nolb-_p4 @infinitebrahmanuniverse/nolb-_p4

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago