Minimal Functional UI Components Library For Vue.js – Oruga

Description:

Oruga is a lightweight yet functional UI components library for Vue.js 2 and 3 developers.

Components Included:

  • Autocomplete
  • Button
  • Checkbox
  • Collapse
  • Dropdown
  • Field
  • Icon
  • Input
  • Loading
  • Modal
  • Pagination
  • Radio
  • Select
  • Sidebar
  • Skeleton
  • Slider
  • Steps
  • Switch
  • Table
  • Tabs
  • Tooltip
  • Upload

Import:

// Vue.js 2
import Vue from 'vue';
import Oruga from '@oruga-ui/oruga';
import '@oruga-ui/oruga/dist/oruga.css';
Vue.use(Oruga);

// Vue.js 3
import { createApp } from 'vue'
import Oruga from '@oruga-ui/oruga-next';
import '@oruga-ui/oruga-next/dist/oruga.css';
createApp(...).use(Oruga);

Previews:

Oruga Tooltip

Tooltip

Oruga Skeleton

Skeleton

Oruga Modal

Modal

Oruga Form Fields

Form Fields

Oruga Buttons

Buttons

Changelog:

v0.4.8 (11/18/2021)

  • Lots of bugs fixed

v0.4.7 (11/03/2021)

  • Add default input background to Inputitems container
  • Add types to programmatic components
  • Bugs fixed

v0.4.6 (10/19/2021)

  • Add autosize for textarea
  • Add subheading slot to Table
  • Add icon right and icon pack to global select config
  • Add tooltip globally in slider config
  • Add banner to homepage
  • Add loading
  • Add sync filled to select
  • Add itemHeaderClass and itemFooterClass to autocomplete
  • Bugfixes

v0.4.5 (09/22/2021)

  • emit icon-right-click on inputitems
  • add selectableHeader and selectableFooter props to autocomplete
  • emit active-change on datepicker
  • override as a prop overrides anything
  • add icon pack overridable on checkbox and radio conf
  • add transformClasses functionality
  • improve autocomplete accessibility
  • add ariaLabelledby prop to switch and checkbox
  • add slot ‘caption’ to table
  • add provide programmatic usage (oruga-next)
  • bugfix

v0.4.4 (08/12/2021)

  • Support tag property for TabItems
  • Add icon right and left classes properties for Button
  • Provide programmatic usage
  • Bugfix

v0.4.3 (07/03/2021)

  • Remove fullPageIconClass prop on loading
  • Add icon right to datepicker
  • ConfigProgrammatic is now importable
  • Add tag prop to dropdown
  • Add closeIcon prop to inputitems
  • Bugfixes

v0.4.2 (06/12/2021)

  • Add iconCheck prop to radio
  • Bugfixes

v0.4.1 (05/25/2021)

  • Add computed and data attributes to class function context
  • Add itemEmpty class to Autocomplete
  • Add global statusVariantIcon prop
  • Add autocomplete prop to Checkbox
  • Add keep first prop to InputItems
  • Bugfixes

v0.4.0 (05/13/2021)

  • Full-width input in the default style (oruga.css)
  • Add notification component
  • Add inputitems component
  • Improve Vue 3 support
  • Bugfixes

v0.3.7 (05/13/2021)

  • Full-width input in the default style (oruga.css)
  • Add notification component
  • Add inputitems component
  • Improve Vue 3 support
  • Fix pagination current-class using slot
  • Fix datepicker back selection when mulitple
  • Fix expanded prop to datepicker

v0.3.6 (04/14/2021)

  • A lot of bugs fixed and improvements

v0.3.5 (03/03/2021)

  • Various fix

v0.3.4 (02/20/2021)

  • Fix constructor options tree shaking
  • Fix accessiblity on datepicker

v0.3.3 (02/10/2021)

  • Fix tabs animation when v-model is not defined
  • Various minfix

v0.3.2 (02/08/2021)

  • Fix Checkable Table do not store the row when individual row is checked
  • Various minfix

Download Details:

Author: oruga-ui

Live Demo: https://oruga.io/documentation/

Download Link: https://github.com/oruga-ui/oruga/archive/develop.zip

Official Website: https://github.com/oruga-ui/oruga

Install & Download:

// Vue.js 2
npm install @oruga-ui/oruga

// Vue.js 3
npm install @oruga-ui/oruga-next

You Might Be Interested In:

Add Comment