இம்போர்ட்
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-* ஆட்ரிபியூட்டைப் பின்பற்றும். தனிப்பயனாக்க வழிகாட்டியைப் பாருங்கள்.