Button API · Needless UI

ઇમ્પોર્ટ

import-button.ts

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

NuiButton

નેટિવ <button> કે <a> ને બટનની સ્ટાઇલ આપે છે.

સિલેક્ટર: button[nuiButton], a[nuiButton]
એક્સપોર્ટ નામ: 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`ઇનપુટ	`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-* એટ્રિબ્યુટમાંથી મૂલ્ય લે છે. કસ્ટમાઇઝેશન માર્ગદર્શિકા જુઓ.