JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 103
  • Score
    100M100P100Q70272F
  • License MIT

Beautiful components that you can use in your applications. Available. Customizable. Open source.

Package Exports

  • fishtvue
  • fishtvue/accordion/accordion.mjs
  • fishtvue/alert/alert.mjs
  • fishtvue/aria
  • fishtvue/aria/aria.mjs
  • fishtvue/badge
  • fishtvue/badge/badge.mjs
  • fishtvue/button
  • fishtvue/button/button.mjs
  • fishtvue/calendar
  • fishtvue/calendar/calendar.mjs
  • fishtvue/component
  • fishtvue/component/component.mjs
  • fishtvue/config
  • fishtvue/dialog
  • fishtvue/dialog/dialog.mjs
  • fishtvue/fixwindow
  • fishtvue/fixwindow/fixwindow.mjs
  • fishtvue/form/form.mjs
  • fishtvue/icons
  • fishtvue/icons/icons.mjs
  • fishtvue/index.mjs
  • fishtvue/input
  • fishtvue/input/input.mjs
  • fishtvue/inputlayout
  • fishtvue/inputlayout/inputlayout.mjs
  • fishtvue/label
  • fishtvue/label/label.mjs
  • fishtvue/loading
  • fishtvue/loading/loading.mjs
  • fishtvue/locale
  • fishtvue/menu/menu.mjs
  • fishtvue/pagination
  • fishtvue/pagination/pagination.mjs
  • fishtvue/select
  • fishtvue/select/select.mjs
  • fishtvue/separator
  • fishtvue/separator/separator.mjs
  • fishtvue/split/split.mjs
  • fishtvue/switch
  • fishtvue/switch/switch.mjs
  • fishtvue/table/table.mjs
  • fishtvue/texteditor
  • fishtvue/texteditor/texteditor.mjs
  • fishtvue/theme
  • fishtvue/theme/primitive.mjs
  • fishtvue/theme/theme.mjs
  • fishtvue/theme/uno.mjs
  • fishtvue/utils/arrayHandler.mjs
  • fishtvue/utils/colorsHandler.mjs
  • fishtvue/utils/dateHandler.mjs
  • fishtvue/utils/domHandler.mjs
  • fishtvue/utils/functionHandler.mjs
  • fishtvue/utils/numberHandler.mjs
  • fishtvue/utils/objectHandler.mjs
  • fishtvue/utils/rulesHandler.mjs
  • fishtvue/utils/stringHandler.mjs
  • fishtvue/utils/tailwindHandler.mjs
  • fishtvue/utils/uniqueCollection.mjs

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (fishtvue) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Banner.png

FishtVue

Beautiful components that you can use in your applications.

Website License NPM version NPM Downloads GitHub stars

Introduction

FishtVue is a Vue.js component library designed to create convenient and stylish user interfaces. It provides a set of highly customizable components that can be easily integrated into projects, helping accelerate development. The library is oriented towards modern design and supports features like theming, localization, and intuitive configuration options for each component.

Components can be configured both globally and individually, allowing them to be adapted for specific project needs. With TypeScript support, fishtvue easily integrates with various projects, providing stability and type safety.

Installation and Setup

  1. Install FishtVue via npm or pnpm or yarn:
pnpm add fishtvue
npm install fishtvue
yarn add fishtvue
  1. Connect the library to your project. In the main.ts file, use createApp to integrate fishtvue with the desired configuration:
import { createApp } from 'vue';
import FishtVue, { type FishtVueConfiguration } from 'fishtvue/config';
import App from './App.vue';

const app = createApp(App);

// Integrate and configure the library
app.use<FishtVueConfiguration>(FishtVue, {
    componentsOptions: {
        Alert: {
            ... // Default setting for the Alert component
        }
        ... // Settings of other companions
    },
    locale: {
        en: {
           // Localization settings
        }
    },
    theme: {
        semantic: {
            customThemeColor: "50deg",
            customThemeColorContrast: "40%"
        }
        ... // Other theme settings
    }
    ... // Other library settings
});

app.mount('#app');

Documentation

For more detailed information on each component and available configuration options, please refer to the full FishtVue documentation. The documentation includes usage examples, detailed parameter descriptions, and additional guides.

Fisht.org

Contribution

We welcome community contributions and are open to suggestions for improving FishtVue. If you have ideas for enhancing the library or find any issues, feel free to create an issue or submit a pull request. Please review our contribution guidelines and code standards before submitting.

License

FishtVue is distributed under the Massachusetts Institute of Technology License (MIT License). This means the library is open source, allowing you to freely use, modify, and distribute it with attribution.