Giter Club home page Giter Club logo

arco-design-solid's Introduction

arco-design-solid

Arco-design-solid (WIP)

pnpm turborepo

Awesome UI Components for solidjs based on Arco design.

Supported components

  • Button
  • Input
  • Checkbox
  • Card
  • Divider
  • Empty
  • Avatar
  • Switch
  • Tag
  • Link
  • locale
  • style
  • InputNumber
  • Alert
  • Affix
  • Grid
  • Spin
  • ConfigProvider
  • Result
  • Skeleton
  • Steps
  • Statistic
  • VerificationCode
  • Backtop
  • Badge
  • Icon
  • Radio
  • InputTag -- in progress
  • Breadcrumb
  • Image
  • Rate
  • Typograghy
  • Descriptions
  • List
  • Upload
  • CheckboxGroup
  • [ ]
  • Calendar
  • Anchor
  • Cascader
  • Collapse
  • Drawer
  • Dropdown
  • Form
  • Datepicker
  • Menu
  • Message
  • Modal
  • Notification
  • Pagination
  • Popconfirm
  • Popover
  • Portal
  • Progress
  • Table
  • Tabs
  • Timeline
  • Timepicker
  • Tooltip
  • Transfer
  • Tree
  • TreeSelect
  • Layout
  • [ ]
  • Carousel
  • Comment
  • Mentions
  • PageHeader
  • ResizeBox
  • Trigger
  • Autocomplete
  • Select
  • Slider
  • Watermark

Quick start

Install it:

npm i arco-design-solid
# or
yarn add arco-design-solid
# or
pnpm add arco-design-solid

Project Commands

List of cli commands available from a project root.

To use the commands, first install pnpm and install dependencies with pnpm i.

pnpm run dev
# Builds all packages in watch mode, and starts all playgrounds
# turbo run dev --************pa**ra**ll**el**

pnpm run build
# Builds all the packages in the monorepo
# turbo run build --filter=!./playgrounds/*

pnpm run test
# Runs tests for all the packages in the monorepo
# turbo run test --filter=!./playgrounds/*

pnpm run typecheck
# Runs TS typecheck for all the packages in the monorepo
# turbo run typecheck --filter=!./playgrounds/*

pnpm run build-test
# Runs build, typecheck and test commands for all the packages in the monorepo
# "turbo run build test typecheck --filter=!./playgrounds/*

pnpm run format
# Formats the reposotory with prettier
# prettier -w \"packages/**/*.{js,ts,json,css,tsx,jsx,md}\" \"playgrounds/**/*.{js,ts,json,css,tsx,jsx,md}\"

pnpm run changeset
# Creates a changeset
# changeset

pnpm run version-packages
# Applies changesets to bump package versions and update CHANGELOGs
# "changeset version && pnpm i

pnpm run release
# Builds and publishes changed packages to npm
# pnpm run build-test && changeset publish

pnpm run update-deps
# Updates all dependencies in the repository
# pnpm up -Lri

arco-design-solid's People

Contributors

sax-yusuph avatar

Stargazers

 avatar

Watchers

 avatar

Forkers

ziedchahd

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.