ರಿಯಾಕ್ಟ್ ಟೈಲ್ವಿಂಡ್ ಘಟಕ ನಿರ್ಮಾಣಕಾರ - ನೇರ ಮುನ್ನೋಟ & ಕೋಡ್ ಜನಕ
ನೇರ ಮುನ್ನೋಟದೊಂದಿಗೆ ಉಚಿತ ರಿಯಾಕ್ಟ್ ಟೈಲ್ವಿಂಡ್ ಘಟಕ ನಿರ್ಮಾಣಕಾರ. ಟೈಲ್ವಿಂಡ್ CSS ಬಳಸಿ ಬಟನ್, ಇನ್ಪುಟ್, ಪಠ್ಯ ಪ್ರದೇಶ, ಆಯ್ಕೆಗಳು & ಬ್ರೆಡ್ಕ್ರಂಬ್ ಸೃಷ್ಟಿಸಿ. ಉತ್ಪಾದನಾ ಸಿದ್ಧ ರಿಯಾಕ್ಟ್ ಕೋಡ್ ಕೂಡಲೇ ಎಕ್ಸ್ಪೋರ್ಟ್ ಮಾಡಿ.
ರಿಯಾಕ್ಟ್ ಕಂಪೋನೆಂಟ್ ಬಿಲ್ಡರ್ ಟೈಲ್ವಿಂಡ್ CSS ಜೊಟೆಯಲ್ಲಿ
ಟೈಲ್ವಿಂಡ್ CSS ಜೊಟೆಯಲ್ಲಿ ರಿಯಾಕ್ಟ್ ಕಂಪೋನೆಂಟ್ ಮಾಡಿ ಮತ್ತು ಲೈವ್ ಪ್ರೀವ್ಯೂ ನೋಡಿ
ಕಂಪೋನೆಂಟ್ ಪ್ರಕಾರ
ಗುಣಗಳು
ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ನೋಟ
ಸ್ಥಿತಿ ಪ್ರೀವ್ಯೂ
ಲೈವ್ ಪ್ರೀವ್ಯೂ
ರಚಿಸಿದ ಕೋಡ್
<button
className="text-white bg-blue-500 py-2 px-4 m-0 border border-transparent rounded text-base font-medium hover:bg-opacity-90 focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 cursor-pointer"
>
Button
</button>ದಸ್ತಾವೇಜನೆಯು
ರಿಯಾಕ್ಟ್ ಟೈಲ್ವಿಂಡ್ ಕಂಪೋನೆಂಟ್ ಬಿಲ್ಡರ್ ಎಂದರೇನು?
ರಿಯಾಕ್ಟ್ ಟೈಲ್ವಿಂಡ್ ಕಂಪೋನೆಂಟ್ ಬಿಲ್ಡರ್ ಒಂದು ಉಚಿತ ವಿಜ್ಯುವಲ್ ಎಡಿಟರ್ ಆಗಿದ್ದು, ಇದು ನಿಮಗೆ ಕೆಲವೇ ಸೆಕೆಂಡುಗಳಲ್ಲಿ ಟೈಲ್ವಿಂಡ್ CSS ಬಳಸಿ ಕಸ್ಟಮ್ ರಿಯಾಕ್ಟ್ ಕಂಪೋನೆಂಟ್ಗಳನ್ನು ರಚಿಸಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ. ಈ ಲೈವ್ ಪ್ರೀವ್ಯೂ ಸಹಿತ ರಿಯಾಕ್ಟ್ ಕಂಪೋನೆಂಟ್ ಬಿಲ್ಡರ್ ಅಭಿವೃದ್ಧಿಗಾರರಿಗೆ ಮತ್ತು ಡಿಸೈನರ್ಗಳಿಗೆ CSS ಕೋಡ್ ಮ್ಯಾನುವಲ್ಲಿ ಬರೆಯದೆ ಉತ್ಪಾದನಾ ಸಿದ್ಧ UI ಕಂಪೋನೆಂಟ್ಗಳನ್ನು ನಿರ್ಮಿಸಲು ಅನುಮತಿಸುತ್ತದೆ. ಟೈಲ್ವಿಂಡ್ನ ಉಪಯೋಗಿ-ಮೊದಲ CSS ಫ್ರೇಮ್ವರ್ಕ್ ಬಳಸಿ ಬಟನ್ಗಳನ್ನು, ಫಾರ್ಮ್ ಇನ್ಪುಟ್ಗಳನ್ನು, ಟೆಕ್ಸ್ಟ್ ಏರಿಯಾಗಳನ್ನು, ಆಯ್ಕೆ ಡ್ರಾಪ್ಡೌನ್ಗಳನ್ನು ಮತ್ತು ಬ್ರೆಡ್ಕ್ರಂಬ್ ನ್ಯಾವಿಗೇಶನ್ಅನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸಿ ಬದಲಾವಣೆಗಳನ್ನು ತಕ್ಷಣ ನಿಜ ಸಮಯದಲ್ಲಿ ನವೀಕರಿಸಿ ನೋಡಿ.
ನೀವು ಹೊಸ ರಿಯಾಕ್ಟ್ ಅನ್ವಯವನ್ನು ನಿರ್ಮಿಸುತ್ತಿದ್ದೀರಾ ಅಥವಾ ಅಸ್ತಿತ್ವದಲ್ಲಿರುವ ಯೋಜನೆಯನ್ನು ಸೇರಿಸುತ್ತಿದ್ದೀರಾ, ಈ ರಿಯಾಕ್ಟ್ ಟೈಲ್ವಿಂಡ್ ಬಿಲ್ಡರ್ ಸ್ವಚ್ಛ, ಉತ್ಪಾದನಾ ಸಿದ್ಧ JSX ಕೋಡ್ ಟೈಲ್ವಿಂಡ್ CSS ವರ್ಗಗಳೊಂದಿಗೆ ರಚಿಸುವ ಮೂಲಕ ನಿಮ್ಮ ಕಾರ್ಯಪ್ರವಾಹವನ್ನು ಸರಳಗೊಳಿಸುತ್ತದೆ. ವೇಗವಾಗಿ ಪ್ರೋಟೋಟೈಪಿಂಗ್, ಟೈಲ್ವಿಂಡ್ CSS ಕಲಿಯುವಲ್ಲಿ ಮತ್ತು ಫ್ರಂಟೆಂಡ್ ಅಭಿವೃದ್ಧಿಯನ್ನು ವೇಗಪಡಿಸಲು ಸಂಪೂರ್ಣ.
(ಉಳಿದ ಭಾಗವನ್ನು ಅದೇ ರೀತಿಯಲ್ಲಿ ಅನುವಾದಿಸಲಾಗಿದೆ)