ಇಂಪೋರ್ಟ್
import { NuiButton } from '@needless-ui/angular/button';NuiButton
ನೇಟಿವ್ <button> ಅಥವಾ <a> ಗೆ ಬಟನ್ ಸ್ಟೈಲ್ ನೀಡುತ್ತದೆ.
| ಹೆಸರು | ಪ್ರಕಾರ | ಡೀಫಾಲ್ಟ್ | ವಿವರಣೆ |
|---|---|---|---|
variantಇನ್ಪುಟ್ | 'solid' | 'soft' | 'outline' | 'ghost' | 'solid' | ಫಿಲ್ ಸ್ಟೈಲ್: solid, soft, outline ಅಥವಾ ghost. |
toneಇನ್ಪುಟ್ | 'accent' | 'neutral' | 'danger' | 'accent' | ಬಣ್ಣದ ಪ್ಯಾಲೆಟ್: accent, neutral ಅಥವಾ danger. |
sizeಇನ್ಪುಟ್ | 'sm' | 'md' | 'lg' | 'md' | ಎತ್ತರ, ಪ್ಯಾಡಿಂಗ್ ಮತ್ತು ಫಾಂಟ್ ಗಾತ್ರ: sm, md ಅಥವಾ lg. |
disabledಇನ್ಪುಟ್ | boolean | false | ಬಟನ್ ಅನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸುತ್ತದೆ. anchor ಗಳಲ್ಲಿ ಇದು aria-disabled ಅನ್ನು ಹೊಂದಿಸಿ, ಸಕ್ರಿಯಗೊಳಿಸುವಿಕೆಯನ್ನು ತಡೆಯುತ್ತದೆ. |
motionಇನ್ಪುಟ್ | NuiMotion | ಇದು ಚಲಿಸಲು ಬಳಸುವ ಸ್ಪ್ರಿಂಗ್: snappy, bouncy, jelly, elastic, lazy, mechanical ಅಥವಾ none. | |
springಇನ್ಪುಟ್ | NuiSpring | { stiffness, damping, mass } ರೂಪದಲ್ಲಿ ಯಾವುದೇ ಸ್ಪ್ರಿಂಗ್; ರನ್ಟೈಮ್ನಲ್ಲಿ CSS ಆಗಿ ಕಂಪೈಲ್ ಆಗುತ್ತದೆ. ಇದು motion ಅನ್ನು ಓವರ್ರೈಡ್ ಮಾಡುತ್ತದೆ. | |
pressಇನ್ಪುಟ್ | NuiPress | ಒತ್ತಿ ಹಿಡಿದಾಗ ಇದು ಏನು ಮಾಡುತ್ತದೆ: sink, squish, pop, wobble, rubber, tilt ಅಥವಾ none. | |
cornersಇನ್ಪುಟ್ | NuiCorners | ಇದರ ಮೂಲೆಗಳ ಆಕಾರ: round, squircle, bevel, scoop, notch ಅಥವಾ square. | |
radiusಇನ್ಪುಟ್ | NuiRadius | ಇದರ ಮೂಲೆಗಳು ಎಷ್ಟು ದೊಡ್ಡದಾಗಿರುತ್ತವೆ: none, small, medium, large ಅಥವಾ full. | |
densityಇನ್ಪುಟ್ | NuiDensity | ಇದು ಎಷ್ಟು ಜಾಗ ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ: compact, regular ಅಥವಾ roomy. |
ನೀವು ಹೊಂದಿಸದೆ ಬಿಟ್ಟ ಕಸ್ಟಮೈಸೇಶನ್ ಇನ್ಪುಟ್ಗಳು ಅತ್ಯಂತ ಸಮೀಪದ data-nui-* ಆಟ್ರಿಬ್ಯೂಟ್ ಅನ್ನು ಅನುಸರಿಸುತ್ತವೆ. ಕಸ್ಟಮೈಸೇಶನ್ ಮಾರ್ಗದರ್ಶಿಯನ್ನು ನೋಡಿ.