English | 简体中文

@tuya-miniapp/smart-ui

Introduction

@tuya-miniapp/smart-ui is a lightweight and reliable smart mini app component library, implemented based on vant-weapp. It provides a complete set of UI components that comply with Tuya MiniApp mobile design specifications (currently does not support WeChat Mini Program, this component library only supports Tuya MiniApp).

Preview

Scan the MiniApp QR code below to experience the component library examples.

Before Using

Before using Smart UI, make sure you have studied the official Quick Start and MiniApp Component Introduction.

Installation

# Install via yarn (recommended)
yarn add @tuya-miniapp/smart-ui

# Install via npm
npm i @tuya-miniapp/smart-ui

Using Components

Take the button component as an example, you only need to introduce the corresponding custom component of the button in the JSON file.

{
  "usingComponents": {
    "smart-button": "@tuya-miniapp/smart-ui/lib/button/index"
  }
}

Then you can directly use the component in TYML.

<smart-button type="primary">Button</smart-button>

Preview in Developer Tools

# Install project dependencies
yarn

# Execute component compilation
yarn dev

Open Tuya MiniApp Tools, add the smart-ui/example directory to preview the examples.

Base Library Version

@tuya-miniapp/smart-ui provides stable support starting from version 2.19.0 of the Tuya MiniApp base library.

Related Links

SmartUI Component Library Official Website
MiniApp SmartUI Component Library Official Website
SmartUI GitHub
MiniApp SmartUI GitHub
MiniApp Community Forum
Ray Official Website
Ray Material Market
Public Source Collection of Materials and Templates

Changelog

This project follows Angular Style Commit Message Conventions

Official Changelog

Open-Source License

This project is licensed under the MIT license. Please feel free to enjoy and participate in open-source.