3shape-design-system

npm

## How to use Install packages ``` npm i 3shape-design-system @webcomponents/webcomponentsjs ``` Add polyfill import ``` import '@webcomponents/webcomponentsjs/webcomponents-bundle.js'; // or dynamical import '@webcomponents/webcomponentsjs/webcomponents-

Versions collected2

Direct dependencies19From release 0.1.1

Last observed20 Oct, 19:52 UTC

README

Current package documentation

3shape-design-system

How to use

Install packages

npm i 3shape-design-system @webcomponents/webcomponentsjs

Add polyfill import

import '@webcomponents/webcomponentsjs/webcomponents-bundle.js';
// or dynamical
import '@webcomponents/webcomponentsjs/webcomponents-loader.js';

Add components import

import '3shape-design-system';

Use tags

<g-select
    label="Label"
    name="test"
    required
></g-select>

Props

Prop	Type	Default	Description
{label}	String	null	label text
{required}	Boolean	null	shows required field (label is required)
{disabled}	Boolean	null	disabled state
{name}	String	null	input name
{hint}	String	null	hint text
{error}	String	null	error message
{value}	String	null	controlled input value
{onChange}	Function	null	controlled input change handler

How to develop

npm i

npm run watch

npm run serve

Go to http://localhost:8000

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Versions 2

Collected releases

Version	Published	Direct dependencies	Open version
0.1.1Registry latest	5 Nov 2020	19
0.1.0	5 Nov 2020	19

Package advisories

No matching advisories collected

This describes our collected data; it is not a security assessment.

Metadata history

Meaningful changes

Current collected state Current

Observed since 20 Oct, 19:52 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package:e11283e188e47f689858fd738ac8c77585bb2ca579122adfe376deb9a807aca9