Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

digui-v1

amin.ebdali8MIT1.0.6

digUI 5 - The Tailwind CSS Component Library

digui, tailwind, tailwindcss, tailwind css, tailwind react, tailwind vue, tailwind plugin, tailwind component, tailwind next, tailwind nuxt, tailwind svelte, tailwind css plugin, tailwind astro, tailwind laravel, tailwind rails, react, css, ui, vue, component, framework, nextjs, front-end, laravel, theme, component library, css library

readme

Digui Documentation

Welcome to DIG is a Persian design system that integrates Figma components with ready-to-use code. It streamlines collaboration between designers and developers, optimizing the workflow from design to development. DIG provides standardized tools for designers and seamless code for developers, enabling the effortless creation of high-quality, consistent products.

Introduction

Digui is a lightweight and flexible framework designed to simplify front-end development. With an intuitive API and modular design, Digui helps developers build scalable applications efficiently.

Installation

To install Digui, use npm:

npm i digui-v1

Font Installation

To use custom fonts in your Digui project, place your font files in the following directory:

src/app/fonts/...

Usage

After installation, you can import Digui into your project and start using its features.

Basic Example

  import  "digui-v1/dig.css"
  import  localFont  from  "next/font/local";

  const  IranSansR  =  localFont ({
   src:  "/fonts/IranSansR.ttf",
  })
  const  IranSansM  =  localFont ({
   src:  "/fonts/IranSansM.ttf",
  })
  const  IranSansB  =  localFont ({
   src:  "/fonts/IranSansB.ttf",
  })

  export  default  function  Home() {
  return (
    <div  class="form-group-col">
      <fieldset  class="fieldset">
        <legend  class="text-l4">Email</legend>
        <input  class="input input-fill"  placeholder="ex: example@gmail.com"/>
      </fieldset>
    </div>
  );
}