Needless UI

ਕੰਪੋਨੈਂਟ

Button

ਨੇਟਿਵ ਬਟਨ ਅਤੇ ਐਂਕਰ ਐਲੀਮੈਂਟਾਂ ’ਤੇ ਸਟਾਈਲ ਕੀਤੀਆਂ ਕਾਰਵਾਈਆਂ ਅਤੇ ਲਿੰਕ।

ਇੰਪੋਰਟ

import-button.ts
import { NuiButton } from '@needless-ui/angular/button';

NuiButton

ਕਿਸੇ ਨੇਟਿਵ <button> ਜਾਂ <a> ਨੂੰ ਬਟਨ ਵਾਂਗ ਸਟਾਈਲ ਕਰਦਾ ਹੈ।

ਸਿਲੈਕਟਰ
button[nuiButton], a[nuiButton]
ਐਕਸਪੋਰਟ ਨਾਮ
nuiButton
ਨਾਮਟਾਈਪਡਿਫ਼ਾਲਟਵੇਰਵਾ
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ਇਨਪੁੱਟbooleanfalseਬਟਨ ਨੂੰ ਅਯੋਗ ਕਰਦਾ ਹੈ। ਐਂਕਰਾਂ ’ਤੇ ਇਹ 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-* ਐਟਰੀਬਿਊਟ ਤੋਂ ਵੈਲਿਊ ਲੈਂਦੇ ਹਨ। ਕਸਟਮਾਈਜ਼ੇਸ਼ਨ ਗਾਈਡ ਵੇਖੋ।