ఇంపోర్ట్
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-* అట్రిబ్యూట్ను అనుసరిస్తాయి. కస్టమైజేషన్ గైడ్ చూడండి.