0.1.1 • Published 4 years ago

3shape-design-system v0.1.1

Weekly downloads
71
License
ISC
Repository
-
Last release
4 years ago

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

PropTypeDefaultDescription
{label}Stringnulllabel text
{required}Booleannullshows required field (label is required)
{disabled}Booleannulldisabled state
{name}Stringnullinput name
{hint}Stringnullhint text
{error}Stringnullerror message
{value}Stringnullcontrolled input value
{onChange}Functionnullcontrolled input change handler

How to develop

npm i
npm run watch
npm run serve

Go to http://localhost:8000