3shape-design-system 中文文档教程

Question

3shape-design-system

How to use

安装包

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

添加 polyfill 导入

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

添加组件导入

import '3shape-design-system';

使用标签

<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

访问 http://localhost:8000