Wai-Technologies / raaghu-react

Raaghu Design System - React, is a design system for modern web apps, which is an open source, Bootstrap enabled collection of reusable elements and components guided by clear standards, capable of giving the designers the necessary tools to develop beautiful, responsive and engaging product experiences.
https:\\raaghu.ai
MIT License
158 stars 8 forks source link

Design System > Elements > Enhancements in Toggle #775

Open trivenikulkarni opened 1 month ago

trivenikulkarni commented 1 month ago

Design System > Elements > Enhancements in Toggle Docs 1] Toggles development different than design Default 2] 4 layouts needs to be implemented 3] 6 styles of toggles needs to be implemented https://www.figma.com/design/vziFLZAgMFi8wA5SlikLh5/Raaghu-Design-System?node-id=1601-2723&node-type=frame&t=ncBHc3XyPjDjE2We-0

DeepashriDatar commented 1 month ago

New properties are added for Style, Layout, Checked & Disabled. Changes done for layout, checked & disabled properties.

Image

Layout : Switch + Label Image

Layout : Label + Switch Image

Layout : Top Label + Switch Image

Layout : Bottom Label + Switch Image

For Style related changes assigning this task to @rahulp34

rahulp34 commented 4 days ago

image image image image image image

toggles working as expected