Modular UI Component Library – vrembem

Category: Frameworks , Javascript | March 16, 2021
Author:sebnitu
Views Total:46 views
Official Page:Go to website
Last Update:March 16, 2021
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

You Might Be Interested In:


Leave a Reply