Modular UI Component Library – vrembem

Category: Frameworks , Javascript | July 10, 2023
Author:sebnitu
Views Total:24 views
Official Page:Go to website
Last Update:July 10, 2023
License:MIT

Preview:

Modular UI Component Library – vrembem

Description:

vrembem is an open-source, customizable, modular component library for creating modern web apps in an easy way.

Components Included:

  • Breadcrumb
  • Button-group
  • Button
  • Card
  • Checkbox
  • Core
  • Dialog
  • Drawer
  • Dropdown
  • Grid
  • Icon-action
  • Icon
  • Input
  • Level
  • Media
  • Menu
  • Modal
  • Notice
  • Radio Button
  • Section
  • Switch
  • Table
  • Tooltip

How to use it:

1. Install and import components as follows:

// install
npm install vrembem
// import all components
@use "vrembem";
import * from 'vrembem';

2. Or import components of your choice.

// Modal Component
npm install @vrembem/modal
@use "@vrembem/modal";
import Modal from '@vrembem/modal';

3. Or include the compiled JavaScript and CSS files on the page.

<link rel="stylesheet" href="https://unpkg.com/@vrembem/COMPONENT/dist/styles.css">
<script src="https://unpkg.com/@vrembem/COMPONENT/dist/scripts.umd.js"></script>

4. Customize the component by passing the variables using the with keyword.

@use "@vrembem/modal" with (
  $background: #333,
  $background-alpha: 0.9
);

Previews:

vrembem Grid

Grid

vrembem Dropdown

Dropdown

vrembem Dialog

Dialog

vrembem Card

Card

vrembem Buttons

Buttons

vrembem BreadCrumb

BreadCrumb

vrembem Table

Table

vrembem Switch

Switch

vrembem Alert

Alert

vrembem Modal

Modal

Changelog:

v3.0.3 (07/10/2023)

  • Updated dependencies

You Might Be Interested In:


Leave a Reply