કમ્પોનન્ટ્સ

Avatar
કોઈ વ્યક્તિનો ફોટો, અથવા હંમેશાં તેના જ રહેતા રંગ પર તેના નામના આદ્યાક્ષરો.
Breadcrumbs
વર્તમાન પેજ સુધી લઈ જતો પેજનો માર્ગ.
Button
નેટિવ button અને anchor એલિમેન્ટ્સ પર સ્ટાઇલ કરેલી ક્રિયાઓ અને લિંક.
Calendar
એક દિવસ, દિવસોની રેન્જ કે અનેક દિવસો પસંદ કરો, કીબોર્ડથી પણ.
Carousel
સ્ક્રોલ થઈને બરાબર જગ્યાએ અટકતી સ્લાઇડની હરોળ, બટનો, ટપકાં અને રોટેશન સાથે.
Chat
મૉડલ સાથે વાત કરો: સ્ટ્રીમ થતા જવાબ, ટૂલ, વર્ઝન અને ફાઇલો.
Color picker
OKLCH માં રંગ, રંગ-ક્ષેત્ર કે વ્હીલ પર, રંગ-નમૂના, આઇડ્રૉપર અને કૉન્ટ્રાસ્ટ ચકાસણી સાથે.
Combobox
ટાઇપ કરતાં જ વિકલ્પો સૂચવતું ટેક્સ્ટ ફીલ્ડ.
Command palette
તમારી ઍપનો દરેક કમાન્ડ, બસ એક કીસ્ટ્રોક દૂર.
Date picker
તારીખ કે સમય સેગમેન્ટમાં ટાઇપ કરો, અથવા કૅલેન્ડરમાંથી પસંદ કરો.
Dialog
નેટિવ dialog એલિમેન્ટ પર બનેલી મોડલ વિન્ડો; ફોકસ બ્રાઉઝર સંભાળે છે.
Dropzone
ફાઇલો ડ્રૉપ કરો કે પસંદ કરો: ચકાસણી, પ્રીવ્યૂ અને પ્રગતિ સાથે અપલોડ.
Rich text editor
હેડિંગ, યાદીઓ, લિંક અને ફૉર્મેટ, ટૂલબાર સાથે, અને ટાઇપ કરતી વખતે Markdown.
Empty state
બતાવવા જેવું કંઈ ન હોય ત્યારે શું બતાવવું, અને આગળ શું કરવું.
Data grid
ગમે તેટલી હરોળને સૉર્ટ, ફિલ્ટર, જૂથબદ્ધ, એડિટ અને એક્સપોર્ટ કરો.
Markdown
Markdown ને સુરક્ષિત રીતે રેન્ડર કરો, સ્ટ્રીમ થતું હોય ત્યારે પણ.
Input mask
ટાઇપ કરતાં જ ફૉર્મેટ થતાં ટેક્સ્ટ ફીલ્ડ: તારીખો, કાર્ડ, IBAN, કોડ.
Menu
સબમેનૂ, ચેક કરી શકાય તેવી આઇટમ અને સંપૂર્ણ કીબોર્ડ સપોર્ટ સાથેની ક્રિયાઓની પૉપઅપ યાદી.
Number field
સ્ટેપ બટનો સાથેનું નંબર ઇનપુટ, દરેક લોકેલ મુજબ ફૉર્મેટ થયેલું.
OTP input
અલગ અલગ સ્લૉટમાં ચકાસણી કોડ, એક જ સાચા ઇનપુટ પર.
Phone field
દેશ પિકર અને નંબર, જે તે દેશ લખે છે તે રીતે જૂથોમાં ગોઠવાયેલો.
Popover
બટનની બાજુમાં તરતી પૅનલ, અને હૉવર પર રિચ ટૂલટિપ.
Rating
રેટિંગ આપવા માટે સ્ટાર, સાચાં રેડિયો બટનો પર.
Scheduler
મહિના, અઠવાડિયા, દિવસ, એજન્ડા કે રૂમ અને લોકોની ટાઇમલાઇનમાં ઇવેન્ટ, ડ્રૅગ કરીને યોગ્ય જગ્યાએ.
Select
નાની કે વિશાળ યાદીમાંથી, એક કે અનેક વિકલ્પો પસંદ કરો.
Skeleton
સામગ્રી લોડ થાય ત્યાં સુધી લેઆઉટને જાળવી રાખતા પ્લેસહોલ્ડર.
Splitter
બાજુ-બાજુમાં કે એકની નીચે એક ગોઠવેલી પૅનલ, જેમનું કદ હૅન્ડલથી બદલી શકાય છે.
Toast
ટૂંકા સંદેશા, જે એકબીજા પર ગોઠવાય છે, સ્વાઇપથી દૂર થાય છે અને ક્યારેય ફોકસ છીનવતા નથી.
Tour
દરેક પગલા માટે એક કાર્ડ, જેના વિશે છે તેની બાજુમાં, અને આસપાસનું પેજ ઝાંખું.