/fluent-for-ant-design

The Microsoft's Fluent Design System for Vue Ant Design

Primary LanguageCSSMIT LicenseMIT

fluent-for-ant-design

The Microsoft's Fluent Design System theme For Vue.js Ant Design

Current Features

  • Acrylic
  • Reveal Effect

Requirements

  • Chorme 76+
  • Edge 44+

Links

Install

npm i -S fluent-for-ant-design

Usage

alt text

<template>
  <div>
    <div class="acrylic">Acrylic</div>
    <div class="acrylic light">Acrylic light</div>
    <div class="reveal">Reveal</div>
    <div class="highlight reveal">Reveal with highlight</div>
    <div class="highlight reveal light">Reveal with highlight</div>
    <div class="highlight highlight-small reveal">Reveal with small highlight</div>
    <div class="highlight highlight-large reveal light">Reveal with large highlight</div>
  </div>
</template>

<script>
  import fluent from 'fluent-for-ant-design'
  export default {
    mixins: [fluent]
  }
</script>

alt text

License

This project is licensed under MIT License