Shards React
made with React

Shards React

这是一个免费的React UI套件

相关问答
暂无相关问题
查看全部
简介及使用教程

Shards React是一款高质量、免费的React UI套件,具有现代设计系统和数十个自定义组件,只有极小的占位空间,对性能进行了高度优化。

安装

Yarn

yarn add shards-react

NPM

npm i shards-react

使用

引入

import { Alert } from "shards-react";

import "bootstrap/dist/css/bootstrap.min.css";
import "shards-ui/dist/css/shards.min.css"

使用

export default function AlertExample() {
  return (
    <div className="example">
      <Alert theme="primary">
        Alert - Primary Theme (default) -{" "}
        <a className="alert-link" href="#">
          Example Link
        </a>
      </Alert>
    </div>
  );
}

示例

image.png

image.png

image.png

作者

相关项目

这是一个用于使用React构建可访问的富Web应用程序的工具包。
这是一个基于开源Material风格的组件库。
这是一个React组件库。
这是一个可定制和复用的React Native组件库。
这是一个支持Pinterest设计的UI组件库。
这是一个有赞技术团队维护的UI组件库。