xl vision
  • Component
  • React Hooks
  • Playground
  • Overview
  • Color
  • Getting Start
    • Installation
  • General
    • Icon
    • Button
  • Layout
    • Grid
  • Form
    • Input
    • InputNumber
    • Textarea
  • Navigation
    • Dropdown
    • Affix
    • BackTop
    • Anchor
  • Data Display
    • Tooltip
    • Popover
    • Avatar
  • Faceback
    • Popconfirm
    • Dialog
    • Message
    • Notication
  • Animation
    • Transition
    • TransitionGroup
    • CollapseTransition
    • Ripple
  • Styles
    • Theme
    • CssBaseline
  • Basic Component
    • BaseButton
    • Portal
    • Popper
    • Modal
    • ResizeObserver

Installation

Npm

// Install with npm
npm install @xl-vision/react styled-components

// Install with yarn
yarn add @xl-vision/react styled-components

Roboto Font

We used the Roboto font when designing xl-vision. Therefore, we recommend that you follow this instruction to load fonts. For example, introduced via Google Web Fonts:

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />

SVG Icon

We provide a set of SVG icons. If you want to use this icon, you must install the package @xl-vision/icons:

# Install with npm
npm install @xl-vision/icons

# Install with yarn
yarn add  @xl-vision/icons
Npm
Roboto Font
SVG Icon
Copyright © 2020-2021 Rhys Xia