alphajwc / Effsemble-component

Consists of a collection of common React component for web ui

Effsemble Component

Effsemble is an extensive library of blocks and components specifically designed for web developers and designers to conveniently reference various styles of common website elements using Tailwind CSS. By levraging Effsemble, you can rapidly and effectively assemble website components, optimize your workflow, and enhance your productivity.

Component list:

• Accordion
• Alert
• Badge
• Breadcumb
• DropdownMenu
• ListBox
• Modal
• Notification
• Pagination
• Radio
• Step
• Tab
• Toggle

Accordion	Alert
Badge	Breadcumb
DropdownMenu	ListBox
Modal	Notification
Pagination	Radio
Step	Tab
Toggle

Installation

Requires Node.js v10+ to run.

Install the dependencies and devDependencies and start the server.

npm install

Main Files and Descriptions

components/   (includes all components)
├── Accordion
├── Alert
├── Badge 
├── Breadcumb
├── DropdownMenu
├── ListBox
├── Modal
├── Notification
├── Pagination
├── Radio
├── Step
├── Tab
├── Toggle

Pages/   (includes all demo pages)
├── accordion
├── alert
├── badge 
├── breadcumb
├── dropdownMenu
├── listBox
├── modal
├── notification
├── pagination
├── radioGroup
├── step
├── tab
├── toggle

Demo

Start the Next.js Server

npm run dev

Use the following link to access the specific page

http://localhost:8080/{PAGE_NAME}/{[COMPONENT_NAME]StyleOneDemo}

for example

http://localhost:8080/accordion/AccordionStyleOneDemo

License

MIT