zoukankan      html  css  js  c++  java
  • 字节开源 Vue3+React 智能组件库Acro

    字节开源 Vue3+React 智能组件库Acro

    之前有给大家分享一个抖音系开源的Semi产品系统。今天再分享一个字节开源的智能设计组件库Acro Design。

    抖音开源Semi Design产品设计系统

    字节开源 Vue3+React 智能组件库Acro

     

    acro-design 一款高质量的vue3+react产品组件库。超过60+组件,拥有丰富的生态平台。

    字节开源 Vue3+React 智能组件库Acro

     

    目前在字节产品系都有应用该组件。

    字节开源 Vue3+React 智能组件库Acro

     

    Vue版本

    注意:vue >= 3.2.0

    安装

    # npm
    npm i @arco-design/web-vue -S
    # yarn
    yarn add @arco-design/web-vue --dev

    引入组件

    import { createApp } from 'vue'
    import App from './App.vue'
    
    import ArcoVue from '@arco-design/web-vue'
    import '@arco-design/web-vue/dist/arco.css'
    
    const app = createApp(App)
    app.use(ArcoVue)
    app.mount('#app')
    字节开源 Vue3+React 智能组件库Acro

     

    字节开源 Vue3+React 智能组件库Acro

     

    React版本

    需要同时安装 react >= 16.8 和 react-dom >= 16.8

    安装

    # npm
    npm i @arco-design/web-react
    # yarn
    yarn add @arco-design/web-react

    引入使用

    import React from 'react'
    import { render } from 'react-dom'
    import { Button } from '@arco-design/web-react'
    import '@arco-design/web-react/dist/css/arco.css'
    
    render(<Button>ArcoDesign</Button>, CONTAINER)
    字节开源 Vue3+React 智能组件库Acro

     

    字节开源 Vue3+React 智能组件库Acro

     

    非常不错的一个开源体系组件库。不多说了,感兴趣的可以去一睹风采吧。

    # 官网地址
    https://arco.design/
    
    # vue版
    https://arco.design/vue
    
    # react版
    https://arco.design/react
    
    # 仓库地址
    https://github.com/arco-design

    Ok,今天就分享到这里。如果项目需要用到vue和react组件库,是个不错的选择。

  • 相关阅读:
    sqlite设置主键
    sqlite 分页
    Server.Transfer方法在页面间传值
    JS实现背景透明度可变,文字不透明的效果
    css hack 区分浏览器
    Asp.net(c#)实现多线程断点续传
    C# 中的委托和事件
    使用C#的HttpWebRequest访问网站
    相似图片搜索的原理
    asp.net内存溢出问题
  • 原文地址:https://www.cnblogs.com/sexintercourse/p/15519674.html
Copyright © 2011-2022 走看看