@ohu-mobile/styles

ohu-mobile style helpers.


Keywords
styles, sass, mixins, helpers, component-library, ohu-mobile, tsx, typescript, uikit, vue
License
MIT
Install
npm install @ohu-mobile/styles@0.10.3

Documentation

ohu-mobile

Vue Mobile UI Toolkit

CI Coverage Language License Version Lerna

Install

@ohu-mobile/core contains all the components.

npm install @ohu-mobile/core

# or

yarn add @ohu-mobile/core

For more documentation and demos of this package, visit https://getohu.dev.

If you want to use offical svg icons. You can install @ohu-mobile/icons. It's a subset of Remix Icon.

npm install @ohu-mobile/icons

# or

yarn add @ohu-mobile/icons

If you use sass, I recommand you use @ohu-mobile/styles. It's a mixin library, it will save you a lot of time writing styles.

npm install @ohu-mobile/styles

# or

yarn add @ohu-mobile/styles

How to import Components in Vue.js

  • Import on Demand

    Strongly Recommand👇

    import { Button } from '@ohu-mobile/core';

    To achieve this effect, please use babel-plugin-import.

    Or Manually import

    import Button from '@ohu-mobile/core/lib/Button';
    import Buttom from '@ohu-mobile/core/lib/Button/style';
  • Import all components

    import Vue from 'vue';
    import Ohu from '@ohu-mobile/core';
    import '@ohu-mobile/core/dist/ohu-mobile.css';
    
    Vue.use(Ohu);
  • Use CDN

Three ways to customize.

  • Use theme variables.

  • Change default behavior of component.

  • Import the component library into your source code.

License

FOSSA Status