| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679768076817682768376847685768676877688768976907691769276937694769576967697769876997700770177027703770477057706770777087709771077117712771377147715771677177718771977207721772277237724772577267727772877297730773177327733773477357736773777387739774077417742774377447745774677477748774977507751775277537754775577567757775877597760776177627763776477657766776777687769777077717772777377747775777677777778777977807781778277837784778577867787778877897790779177927793779477957796779777987799780078017802780378047805780678077808780978107811781278137814781578167817781878197820782178227823782478257826782778287829783078317832783378347835783678377838783978407841784278437844784578467847784878497850785178527853785478557856785778587859786078617862786378647865786678677868786978707871787278737874787578767877787878797880788178827883788478857886788778887889789078917892789378947895789678977898789979007901790279037904790579067907790879097910791179127913791479157916791779187919792079217922792379247925792679277928792979307931793279337934793579367937793879397940794179427943794479457946794779487949795079517952795379547955795679577958795979607961796279637964796579667967796879697970797179727973797479757976797779787979798079817982798379847985798679877988798979907991799279937994799579967997799879998000800180028003800480058006800780088009801080118012801380148015801680178018801980208021802280238024802580268027802880298030803180328033803480358036803780388039804080418042804380448045804680478048804980508051805280538054805580568057805880598060806180628063806480658066806780688069807080718072807380748075807680778078807980808081808280838084808580868087808880898090809180928093809480958096809780988099810081018102810381048105810681078108810981108111811281138114811581168117811881198120812181228123812481258126812781288129813081318132813381348135813681378138813981408141814281438144814581468147814881498150815181528153815481558156815781588159816081618162816381648165816681678168816981708171817281738174817581768177817881798180818181828183818481858186818781888189819081918192819381948195819681978198819982008201820282038204820582068207820882098210821182128213821482158216821782188219822082218222822382248225822682278228822982308231823282338234823582368237823882398240824182428243824482458246824782488249825082518252825382548255825682578258825982608261826282638264826582668267826882698270827182728273827482758276827782788279828082818282828382848285828682878288828982908291829282938294829582968297829882998300830183028303830483058306830783088309831083118312831383148315831683178318831983208321832283238324832583268327832883298330833183328333833483358336833783388339834083418342834383448345834683478348834983508351835283538354835583568357835883598360836183628363836483658366836783688369837083718372837383748375837683778378837983808381838283838384838583868387838883898390839183928393839483958396839783988399840084018402840384048405840684078408840984108411841284138414841584168417841884198420842184228423842484258426842784288429843084318432843384348435843684378438843984408441844284438444844584468447844884498450845184528453845484558456845784588459846084618462846384648465846684678468846984708471847284738474847584768477847884798480848184828483848484858486848784888489849084918492849384948495849684978498849985008501850285038504850585068507850885098510851185128513851485158516851785188519852085218522852385248525852685278528852985308531853285338534853585368537853885398540854185428543854485458546854785488549855085518552855385548555855685578558855985608561856285638564856585668567856885698570857185728573857485758576857785788579858085818582858385848585858685878588858985908591859285938594859585968597859885998600860186028603860486058606860786088609861086118612861386148615861686178618861986208621862286238624862586268627862886298630863186328633863486358636863786388639864086418642864386448645864686478648864986508651865286538654865586568657865886598660866186628663866486658666866786688669867086718672867386748675867686778678867986808681868286838684868586868687868886898690869186928693869486958696869786988699870087018702870387048705870687078708870987108711871287138714871587168717871887198720872187228723872487258726872787288729873087318732873387348735873687378738873987408741874287438744874587468747874887498750875187528753875487558756875787588759876087618762876387648765876687678768876987708771877287738774877587768777877887798780878187828783878487858786878787888789879087918792879387948795879687978798879988008801880288038804880588068807880888098810881188128813881488158816881788188819882088218822882388248825882688278828882988308831883288338834883588368837883888398840884188428843884488458846884788488849885088518852885388548855885688578858885988608861886288638864886588668867886888698870887188728873887488758876887788788879888088818882888388848885888688878888888988908891889288938894889588968897889888998900890189028903890489058906890789088909891089118912891389148915891689178918891989208921892289238924892589268927892889298930893189328933893489358936893789388939894089418942894389448945894689478948894989508951895289538954895589568957895889598960896189628963896489658966896789688969897089718972897389748975897689778978897989808981898289838984898589868987898889898990899189928993899489958996899789988999900090019002900390049005900690079008900990109011901290139014901590169017901890199020902190229023902490259026902790289029903090319032903390349035903690379038903990409041904290439044904590469047904890499050905190529053905490559056905790589059906090619062906390649065906690679068906990709071907290739074907590769077907890799080908190829083908490859086908790889089909090919092909390949095909690979098909991009101910291039104910591069107910891099110911191129113911491159116911791189119912091219122912391249125912691279128912991309131913291339134913591369137913891399140914191429143914491459146914791489149915091519152915391549155915691579158915991609161916291639164916591669167916891699170917191729173917491759176917791789179918091819182918391849185918691879188918991909191919291939194919591969197919891999200920192029203920492059206920792089209921092119212921392149215921692179218921992209221922292239224922592269227922892299230923192329233923492359236923792389239924092419242924392449245924692479248924992509251925292539254 |
- {
- "v-alert/title": {
- "type": "string\n",
- "description": "Specify a title text for the component."
- },
- "v-alert/text": {
- "type": "string\n",
- "description": "Specify content text for the component."
- },
- "v-alert/border": {
- "type": "boolean | 'top' | 'end' | 'bottom' | 'start'\n",
- "description": "Adds a colored border to the component."
- },
- "v-alert/type": {
- "type": "'success' | 'info' | 'warning' | 'error'\n",
- "description": "Create a specialized alert that uses a contextual color and has a pre-defined icon."
- },
- "v-alert/border-color": {
- "type": "string\n",
- "description": "Specifies the color of the border. Accepts any color value."
- },
- "v-alert/closable": {
- "type": "boolean\n",
- "description": "Adds a close icon that can hide the alert."
- },
- "v-alert/close-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Change the default icon used for **closable** alerts."
- },
- "v-alert/close-label": {
- "type": "string\n",
- "description": "Text used for *aria-label* on **closable** alerts. Can also be customized globally in [Internationalization](/customization/internationalization)."
- },
- "v-alert/icon": {
- "type": " | false\n | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
- },
- "v-alert/model-value": {
- "type": "boolean\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-alert/prominent": {
- "type": "boolean\n",
- "description": "Displays a larger vertically centered icon to draw more attention."
- },
- "v-alert/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-alert/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-alert/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-alert/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-alert/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-alert/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-alert/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-alert/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-alert/location": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
- "description": "Specifies the component's location. Can combine by using a space separated string"
- },
- "v-alert/position": {
- "type": "'static' | 'relative' | 'fixed' | 'absolute' | 'sticky'\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-alert/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-alert/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-alert/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-alert/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-alert/variant": {
- "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-alert-title/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element"
- },
- "v-app/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-app/full-height": {
- "type": "boolean\n",
- "description": "Sets the component height to 100%"
- },
- "v-app/overlaps": {
- "type": "string[]\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/layout.json))"
- },
- "v-app-bar/title": {
- "type": "string\n",
- "description": "Specify a title text for the component."
- },
- "v-app-bar/flat": {
- "type": "boolean\n",
- "description": "Removes the component's **box-shadow**."
- },
- "v-app-bar/border": {
- "type": "string | number | boolean\n",
- "description": "Applies border styles to component."
- },
- "v-app-bar/model-value": {
- "type": "boolean\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-app-bar/density": {
- "type": "'default' | 'prominent' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-app-bar/height": {
- "type": "string | number\n",
- "description": "Designates a specific height for the toolbar. Overrides the heights imposed by other props, e.g. **prominent**, **dense**, **extended**, etc."
- },
- "v-app-bar/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-app-bar/location": {
- "type": "'top' | 'bottom'\n",
- "description": "Aligns the component towards the top or bottom."
- },
- "v-app-bar/absolute": {
- "type": "boolean\n",
- "description": "Applies position: absolute to the component."
- },
- "v-app-bar/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-app-bar/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-app-bar/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-app-bar/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-app-bar/name": {
- "type": "string\n",
- "description": "Assign a specific name for layout registration."
- },
- "v-app-bar/image": {
- "type": "string\n",
- "description": "Specifies a [v-img](/components/images) as the component's background."
- },
- "v-app-bar/scroll-behavior": {
- "type": "string\n",
- "description": "Specify an action to take when the scroll position of **scroll-target** reaches **scroll-threshold**. Accepts any combination of hide, inverted, collapse, elevate, and fade-image. Multiple values can be used, separated by a space."
- },
- "v-app-bar/collapse": {
- "type": "boolean\n",
- "description": "Morphs the component into a collapsed state, reducing its maximum width."
- },
- "v-app-bar/extended": {
- "type": "boolean\n",
- "description": "Use this prop to increase the height of the toolbar _without_ using the `extension` slot for adding content. May be used in conjunction with the **extension-height** prop, and any of the other props that affect the height of the toolbar, e.g. **prominent**, **dense**, etc., **WITH THE EXCEPTION** of **height**."
- },
- "v-app-bar/extension-height": {
- "type": "string | number\n",
- "description": "Designate an explicit height for the `extension` slot."
- },
- "v-app-bar/floating": {
- "type": "boolean\n",
- "description": "Applies **display: inline-flex** to the component."
- },
- "v-app-bar/order": {
- "type": "string | number\n",
- "description": "Adjust the order of the component in relation to its registration order."
- },
- "v-app-bar/scroll-target": {
- "type": "string\n",
- "description": "The element to target for scrolling events. Uses `window` by default."
- },
- "v-app-bar/scroll-threshold": {
- "type": "string | number\n",
- "description": "The amount of scroll distance down before **scroll-behavior** activates."
- },
- "v-app-bar-nav-icon/symbol": {
- "type": "any\n",
- "description": "The [Symbol](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol) used to hook into group functionality for components like [v-btn-toggle](/components/btn-toggle) and [v-bottom-navigation](/components/bottom-navigations/) "
- },
- "v-app-bar-nav-icon/text": {
- "type": "string\n",
- "description": "Specify content text for the component."
- },
- "v-app-bar-nav-icon/flat": {
- "type": "boolean\n",
- "description": "Removes the button box shadow."
- },
- "v-app-bar-nav-icon/border": {
- "type": "string | number | boolean\n",
- "description": "Applies border styles to component."
- },
- "v-app-bar-nav-icon/icon": {
- "type": " | boolean\n | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Apply a specific icon using the [v-icon](/components/icons/) component. The button will become _round_."
- },
- "v-app-bar-nav-icon/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-app-bar-nav-icon/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-app-bar-nav-icon/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-app-bar-nav-icon/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-app-bar-nav-icon/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-app-bar-nav-icon/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-app-bar-nav-icon/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-app-bar-nav-icon/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-app-bar-nav-icon/location": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
- "description": "Specifies the component's location. Can combine by using a space separated string"
- },
- "v-app-bar-nav-icon/position": {
- "type": "'static' | 'relative' | 'fixed' | 'absolute' | 'sticky'\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-app-bar-nav-icon/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-app-bar-nav-icon/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-app-bar-nav-icon/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-app-bar-nav-icon/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-app-bar-nav-icon/variant": {
- "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-app-bar-nav-icon/value": {
- "type": "any\n",
- "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
- },
- "v-app-bar-nav-icon/size": {
- "type": "string | number\n",
- "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**."
- },
- "v-app-bar-nav-icon/active": {
- "type": "boolean\n",
- "description": "Controls the **active** state of the item. This is typically used to highlight the component"
- },
- "v-app-bar-nav-icon/prepend-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content"
- },
- "v-app-bar-nav-icon/append-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
- },
- "v-app-bar-nav-icon/block": {
- "type": "boolean\n",
- "description": "Expands the button to 100% of available space."
- },
- "v-app-bar-nav-icon/stacked": {
- "type": "boolean\n",
- "description": "Displays the button as a flex-column."
- },
- "v-app-bar-nav-icon/ripple": {
- "type": "boolean | { class: string }\n",
- "description": "Applies the [v-ripple](/directives/ripple) directive."
- },
- "v-app-bar-nav-icon/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-app-bar-nav-icon/selected-class": {
- "type": "string\n",
- "description": "Configure the active CSS class applied when an item is selected."
- },
- "v-app-bar-nav-icon/loading": {
- "type": "string | boolean\n",
- "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color"
- },
- "v-app-bar-nav-icon/href": {
- "type": "string\n",
- "description": "Designates the component as anchor and applies the **href** attribute."
- },
- "v-app-bar-nav-icon/replace": {
- "type": "boolean\n",
- "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [**replace** prop](https://router.vuejs.org/api/#replace) on the vue-router documentation."
- },
- "v-app-bar-nav-icon/exact": {
- "type": "boolean\n",
- "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
- },
- "v-app-bar-nav-icon/to": {
- "type": "unknown\n",
- "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
- },
- "v-app-bar-title/text": {
- "type": "string\n",
- "description": "Specify content text for the component."
- },
- "v-app-bar-title/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-autocomplete/flat": {
- "type": "boolean\n",
- "description": "Removes elevation (shadow) added to element when using the **solo** or **solo-inverted** props"
- },
- "v-autocomplete/type": {
- "type": "string\n",
- "description": "Sets input type"
- },
- "v-autocomplete/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-autocomplete/error": {
- "type": "boolean\n",
- "description": "Puts the input in a manual error state"
- },
- "v-autocomplete/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-autocomplete/reverse": {
- "type": "boolean\n",
- "description": "Reverses the orientation "
- },
- "v-autocomplete/rounded": {
- "type": "string | number | boolean\n",
- "description": "Adds a border radius to the input"
- },
- "v-autocomplete/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-autocomplete/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-autocomplete/variant": {
- "type": " | 'outlined'\n | 'plain'\n | 'underlined'\n | 'filled'\n | 'solo'\n | 'solo-inverted'\n | 'solo-filled'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-autocomplete/name": {
- "type": "string\n",
- "description": "Sets the component's name attribute."
- },
- "v-autocomplete/id": {
- "type": "string\n",
- "description": "Sets the DOM id on the component"
- },
- "v-autocomplete/items": {
- "type": "any[]\n",
- "description": "An array of strings or objects used for automatically generating children components"
- },
- "v-autocomplete/active": {
- "type": "boolean\n",
- "description": "Controls the **active** state of the item. This is typically used to highlight the component"
- },
- "v-autocomplete/prepend-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Prepends an icon to the outnside the component's input, uses the same syntax as `v-icon`"
- },
- "v-autocomplete/append-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
- },
- "v-autocomplete/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the input"
- },
- "v-autocomplete/loading": {
- "type": "string | boolean\n",
- "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color"
- },
- "v-autocomplete/label": {
- "type": "string\n",
- "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component"
- },
- "v-autocomplete/auto-select-first": {
- "type": "boolean | 'exact'\n",
- "description": "When searching, will always highlight the first option and select it on blur. `exact` will only highlight and select exact matches."
- },
- "v-autocomplete/search": {
- "type": "string\n",
- "description": "Text input used to filter items."
- },
- "v-autocomplete/filter-mode": {
- "type": "'every' | 'some' | 'union' | 'intersection'\n",
- "description": "Controls how the results of `customFilter` and `customKeyFilter` are combined. All modes only apply `customFilter` to columns not specified in `customKeyFilter`.\n\n- **some**: There is at least one match from either the custom filter or the custom key filter.\n- **every**: All columns match either the custom filter or the custom key filter.\n- **union**: There is at least one match from the custom filter, or all columns match the custom key filters.\n- **intersection**: There is at least one match from the custom filter, and all columns match the custom key filters."
- },
- "v-autocomplete/no-filter": {
- "type": "boolean\n",
- "description": "Do not apply filtering when searching. Useful when data is being filtered server side"
- },
- "v-autocomplete/custom-filter": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.ts#L19-L19\" target=\"_blank\">FilterFunction</a>\n",
- "description": "Function used to filter items, called for each filterable key on each item in the list. The first argument is the filterable value from the item, the second is the search term, and the third is the internal item object. The function should return true if the item should be included in the filtered list, or the index of the match in the value if it should be included with the result highlighted."
- },
- "v-autocomplete/custom-key-filter": {
- "type": "{ [string]: <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.ts#L19-L19\" target=\"_blank\">FilterFunction</a> }\n",
- "description": "Function used on specific keys within the item object. `customFilter` is skipped for columns with `customKeyFilter` specified."
- },
- "v-autocomplete/filter-keys": {
- "type": "string | string[]\n",
- "description": "Array of specific keys to filter on the item."
- },
- "v-autocomplete/chips": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/select.json))"
- },
- "v-autocomplete/closable-chips": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/select.json))"
- },
- "v-autocomplete/eager": {
- "type": "boolean\n",
- "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
- },
- "v-autocomplete/hide-no-data": {
- "type": "boolean\n",
- "description": "Hides the menu when there are no options to show. Useful for preventing the menu from opening before results are fetched asynchronously. Also has the effect of opening the menu when the `items` array changes if not already open."
- },
- "v-autocomplete/hide-selected": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/select.json))"
- },
- "v-autocomplete/menu": {
- "type": "boolean\n",
- "description": "Renders with the menu open by default"
- },
- "v-autocomplete/menu-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Sets the the spin icon"
- },
- "v-autocomplete/menu-props": {
- "type": "unknown\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/select.json))"
- },
- "v-autocomplete/transition": {
- "type": "string | boolean\n",
- "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
- },
- "v-autocomplete/multiple": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/select.json))"
- },
- "v-autocomplete/no-data-text": {
- "type": "string\n",
- "description": "Text shown when no items are provided to the component"
- },
- "v-autocomplete/open-on-clear": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/select.json))"
- },
- "v-autocomplete/value-comparator": {
- "type": "(a: any, b: any) => boolean\n",
- "description": "Apply a custom comparison algorithm used for values"
- },
- "v-autocomplete/item-color": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-autocomplete/item-title": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "Property on supplied `items` that contains its title"
- },
- "v-autocomplete/item-value": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "Property on supplied `items` that contains its value"
- },
- "v-autocomplete/item-children": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "Property on supplied `items` that contains its children"
- },
- "v-autocomplete/item-props": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "Props object that will be applied to each item component. `true` will treat the original object as raw props and pass it directly to the component."
- },
- "v-autocomplete/return-object": {
- "type": "boolean\n",
- "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**"
- },
- "v-autocomplete/autofocus": {
- "type": "boolean\n",
- "description": "Enables autofocus"
- },
- "v-autocomplete/prefix": {
- "type": "string\n",
- "description": "Displays prefix text"
- },
- "v-autocomplete/placeholder": {
- "type": "string\n",
- "description": "Sets the input’s placeholder text"
- },
- "v-autocomplete/persistent-placeholder": {
- "type": "boolean\n",
- "description": "Forces placeholder to always be visible"
- },
- "v-autocomplete/persistent-counter": {
- "type": "boolean\n",
- "description": "Forces counter to always be visible"
- },
- "v-autocomplete/suffix": {
- "type": "string\n",
- "description": "Displays suffix text"
- },
- "v-autocomplete/center-affix": {
- "type": "boolean\n",
- "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center"
- },
- "v-autocomplete/hint": {
- "type": "string\n",
- "description": "Displays hint text below the input when focused. Force this always open with the [persistent-hint](#props-persistent-hint) property"
- },
- "v-autocomplete/persistent-hint": {
- "type": "boolean\n",
- "description": "Forces [hint](#props-hint) to always be visible"
- },
- "v-autocomplete/messages": {
- "type": "string | string[]\n",
- "description": "Displays a list of messages or a single message if using a string"
- },
- "v-autocomplete/direction": {
- "type": "'horizontal' | 'vertical'\n",
- "description": "Changes the direction of the input"
- },
- "v-autocomplete/error-messages": {
- "type": "string | string[]\n",
- "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation"
- },
- "v-autocomplete/max-errors": {
- "type": "string | number\n",
- "description": "Control the maximum number of shown errors from validation."
- },
- "v-autocomplete/readonly": {
- "type": "boolean\n",
- "description": "Puts input in readonly state"
- },
- "v-autocomplete/rules": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L16-L20\" target=\"_blank\">ValidationRule</a>[]\n",
- "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
- },
- "v-autocomplete/validate-on": {
- "type": " | 'lazy'\n | 'blur'\n | 'input'\n | 'submit'\n | 'blur lazy'\n | 'input lazy'\n | 'submit lazy'\n | 'lazy blur'\n | 'lazy input'\n | 'lazy submit'\n",
- "description": "Change what type of event triggers validation to run."
- },
- "v-autocomplete/focused": {
- "type": "boolean\n",
- "description": "Forces a focused state styling on the component."
- },
- "v-autocomplete/hide-details": {
- "type": "boolean | 'auto'\n",
- "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display"
- },
- "v-autocomplete/bg-color": {
- "type": "string\n",
- "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-autocomplete/clearable": {
- "type": "boolean\n",
- "description": "Allows for the component to be cleared"
- },
- "v-autocomplete/clear-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The icon used when the **clerable** prop is set to true"
- },
- "v-autocomplete/base-color": {
- "type": "string\n",
- "description": "Sets the color of the input when it is not focused"
- },
- "v-autocomplete/persistent-clear": {
- "type": "boolean\n",
- "description": "Always show the clearable icon when the input is dirty (By default it only shows on hover)"
- },
- "v-autocomplete/prepend-inner-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend-inner** slot"
- },
- "v-autocomplete/single-line": {
- "type": "boolean\n",
- "description": "Label does not move on focus/dirty"
- },
- "v-autocomplete/counter": {
- "type": "string | number | true\n",
- "description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
- },
- "v-autocomplete/counter-value": {
- "type": "(value: any) => number\n",
- "description": "Function returns the counter display text"
- },
- "v-autocomplete/model-modifiers": {
- "type": "Record<string, boolean>\n",
- "description": "**FOR INTERNAL USE ONLY**"
- },
- "v-avatar/end": {
- "type": "boolean\n",
- "description": "Applies margin at the start of the component."
- },
- "v-avatar/start": {
- "type": "boolean\n",
- "description": "Applies margin at the end of the component."
- },
- "v-avatar/icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
- },
- "v-avatar/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-avatar/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-avatar/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-avatar/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-avatar/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-avatar/variant": {
- "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-avatar/size": {
- "type": "string | number\n",
- "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**."
- },
- "v-avatar/image": {
- "type": "string\n",
- "description": "Apply a specific image using [v-img](/components/images/)."
- },
- "v-badge/icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
- },
- "v-badge/model-value": {
- "type": "boolean\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-badge/location": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
- "description": "Specifies the component's location. Can combine by using a space separated string"
- },
- "v-badge/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-badge/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-badge/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-badge/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-badge/floating": {
- "type": "boolean\n",
- "description": "Elevates the badge above the slotted content."
- },
- "v-badge/label": {
- "type": "string\n",
- "description": "The **aria-label** used for the badge"
- },
- "v-badge/transition": {
- "type": "string\n",
- "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
- },
- "v-badge/bordered": {
- "type": "boolean\n",
- "description": "Applies a **2px** by default and **1.5px** border around the badge when using the **dot** property."
- },
- "v-badge/content": {
- "type": "string | number\n",
- "description": "Text content to show in the badge."
- },
- "v-badge/dot": {
- "type": "boolean\n",
- "description": "Reduce the size of the badge and hide its contents."
- },
- "v-badge/inline": {
- "type": "boolean\n",
- "description": "Moves the badge to be inline with the wrapping element. Supports the usage of the **left** prop."
- },
- "v-badge/max": {
- "type": "string | number\n",
- "description": "Sets the maximum number allowed when using the **content** prop with a `number` like value. If the content number exceeds the maximum value, a `+` suffix is added."
- },
- "v-badge/offset-x": {
- "type": "string | number\n",
- "description": "Offset the badge on the x-axis."
- },
- "v-badge/offset-y": {
- "type": "string | number\n",
- "description": "Offset the badge on the y-axis."
- },
- "v-badge/text-color": {
- "type": "string\n",
- "description": "Applies a specified color to the control text - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-banner/text": {
- "type": "string\n",
- "description": "Specify content text for the component."
- },
- "v-banner/border": {
- "type": "string | number | boolean\n",
- "description": "Applies border styles to component."
- },
- "v-banner/icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
- },
- "v-banner/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-banner/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-banner/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-banner/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-banner/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-banner/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-banner/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-banner/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-banner/location": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
- "description": "Specifies the component's location. Can combine by using a space separated string"
- },
- "v-banner/position": {
- "type": "'static' | 'relative' | 'fixed' | 'absolute' | 'sticky'\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-banner/sticky": {
- "type": "boolean\n",
- "description": "Applies **position: sticky** to the component (**Evergreen browsers only**). You can find more information on the [MDN documentation for sticky position](https://developer.mozilla.org/en-US/docs/Web/CSS/position)."
- },
- "v-banner/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-banner/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-banner/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-banner/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-banner/stacked": {
- "type": "boolean\n",
- "description": "Forces the banner actions onto a new line. This is only applicable when the banner is not **single-line** or using the **actions** slot."
- },
- "v-banner/avatar": {
- "type": "string\n",
- "description": "Designates a specific src image to pass to the thumbnail."
- },
- "v-banner/lines": {
- "type": "'one' | 'two' | 'three'\n",
- "description": "The amount of visible lines of text before it truncates."
- },
- "v-banner-actions/density": {
- "type": "string\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-banner-actions/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-banner-text/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element"
- },
- "v-bottom-navigation/border": {
- "type": "string | number | boolean\n",
- "description": "Applies border styles to component."
- },
- "v-bottom-navigation/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-bottom-navigation/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-bottom-navigation/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component"
- },
- "v-bottom-navigation/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-bottom-navigation/absolute": {
- "type": "boolean\n",
- "description": "Applies **position: absolute** to the component."
- },
- "v-bottom-navigation/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-bottom-navigation/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-bottom-navigation/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-bottom-navigation/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-bottom-navigation/name": {
- "type": "string\n",
- "description": "Assign a specific name for layout registration."
- },
- "v-bottom-navigation/order": {
- "type": "string | number\n",
- "description": "Adjust the order of the component in relation to its registration order."
- },
- "v-bottom-navigation/active": {
- "type": "boolean\n",
- "description": "Controls the **active** state of the item. This is typically used to highlight the component"
- },
- "v-bottom-navigation/disabled": {
- "type": "boolean\n",
- "description": "Puts all children components into a disabled state"
- },
- "v-bottom-navigation/selected-class": {
- "type": "string\n",
- "description": "Configure the active CSS class applied when an item is selected."
- },
- "v-bottom-navigation/multiple": {
- "type": "boolean\n",
- "description": "Allows one to select mulitple items."
- },
- "v-bottom-navigation/bg-color": {
- "type": "string\n",
- "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-bottom-navigation/mode": {
- "type": "string\n",
- "description": "Changes the orientation and active state styling of the component."
- },
- "v-bottom-navigation/max": {
- "type": "number\n",
- "description": "Sets a maximum number of selections that can be made."
- },
- "v-bottom-navigation/grow": {
- "type": "boolean\n",
- "description": "Force all [v-btn](/components/buttons) children to take up all available horizontal space."
- },
- "v-bottom-navigation/mandatory": {
- "type": "boolean | 'force'\n",
- "description": "Forces at least one item to always be selected (if available)."
- },
- "v-bottom-sheet/model-value": {
- "type": "boolean\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-bottom-sheet/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-bottom-sheet/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-bottom-sheet/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-bottom-sheet/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-bottom-sheet/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-bottom-sheet/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-bottom-sheet/location": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-bottom-sheet/absolute": {
- "type": "boolean\n",
- "description": "Applies **position: absolute** to the content element."
- },
- "v-bottom-sheet/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-bottom-sheet/z-index": {
- "type": "string | number\n",
- "description": "The z-index used for the component"
- },
- "v-bottom-sheet/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-bottom-sheet/eager": {
- "type": "boolean\n",
- "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
- },
- "v-bottom-sheet/activator": {
- "type": "string | Element | ComponentPublicInstance\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-bottom-sheet/close-on-back": {
- "type": "boolean\n",
- "description": "Closes the overlay content when the browser's back button is pressed or `$router.back()` is called, cancelling the original navigation. `persistent` overlays will cancel navigation and animate as if they were clicked outside instead of closing."
- },
- "v-bottom-sheet/contained": {
- "type": "boolean\n",
- "description": "Limits the size of the component and scrim to its offset parent. Implies `absolute` and `attach`. (Note: The parent element must have position: relative.)"
- },
- "v-bottom-sheet/content-class": {
- "type": "any\n",
- "description": "Applies a custom class to the detached element. This is useful because the content is moved to the beginning of the `v-app` component (unless the **attach** prop is provided) and is not targetable by classes passed directly on the component"
- },
- "v-bottom-sheet/content-props": {
- "type": "any\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay.json))"
- },
- "v-bottom-sheet/no-click-animation": {
- "type": "boolean\n",
- "description": "Disables the bounce effect when clicking outside of the content element when using the persistent prop."
- },
- "v-bottom-sheet/persistent": {
- "type": "boolean\n",
- "description": "Clicking outside of the element or pressing esc key will not deactivate it."
- },
- "v-bottom-sheet/scrim": {
- "type": "string | boolean\n",
- "description": "Accepts true/false to enable background, and string to define color."
- },
- "v-bottom-sheet/activator-props": {
- "type": "{}\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-bottom-sheet/open-on-click": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-bottom-sheet/open-on-hover": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-bottom-sheet/open-on-focus": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-bottom-sheet/close-on-content-click": {
- "type": "boolean\n",
- "description": "Closes component when you click on its content"
- },
- "v-bottom-sheet/close-delay": {
- "type": "string | number\n",
- "description": "Milliseconds to wait before closing component. Only applies to hover and focus events."
- },
- "v-bottom-sheet/open-delay": {
- "type": "string | number\n",
- "description": "Milliseconds to wait before opening component. Only applies to hover and focus events."
- },
- "v-bottom-sheet/location-strategy": {
- "type": "'static' | 'connected' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/locationStrategies.ts#L36-L40\" target=\"_blank\">LocationStrategyFn</a>\n",
- "description": "A function used to specifies how the component should position relative to its activator"
- },
- "v-bottom-sheet/origin": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a> | 'auto' | 'overlap'\n",
- "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
- },
- "v-bottom-sheet/offset": {
- "type": "string | number | number[]\n",
- "description": "A single value that offsets content away from the target based upon what side it is on"
- },
- "v-bottom-sheet/scroll-strategy": {
- "type": "'close' | 'block' | 'none' | 'reposition' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/scrollStrategies.ts#L17-L17\" target=\"_blank\">ScrollStrategyFn</a>\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-scroll-strategies.json))"
- },
- "v-bottom-sheet/transition": {
- "type": "string | { component: Component }\n",
- "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
- },
- "v-bottom-sheet/attach": {
- "type": "string | boolean | Element\n",
- "description": "Specifies which DOM element the overlay content should teleport to. Can be a direct element reference, querySelector string, or `true` to disable teleporting. Uses `body` by default."
- },
- "v-bottom-sheet/inset": {
- "type": "boolean\n",
- "description": "Reduces the sheet content maximum width to 70%."
- },
- "v-bottom-sheet/fullscreen": {
- "type": "boolean\n",
- "description": "Changes layout for fullscreen display."
- },
- "v-bottom-sheet/retain-focus": {
- "type": "boolean\n",
- "description": "Tab focus will return to the first child of the dialog by default. Disable this when using external tools that require focus such as TinyMCE or vue-clipboard."
- },
- "v-bottom-sheet/scrollable": {
- "type": "boolean\n",
- "description": "When set to true, expects a `v-card` and a `v-card-text` component with a designated height. For more information, check out the [scrollable example](/components/dialogs#scrollable)."
- },
- "v-breadcrumbs/icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
- },
- "v-breadcrumbs/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-breadcrumbs/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-breadcrumbs/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-breadcrumbs/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-breadcrumbs/items": {
- "type": "(\n | string\n | (Partial<LinkProps> & { title: string; disabled?: boolean })\n)[]\n",
- "description": "An array of strings or objects used for automatically generating children components"
- },
- "v-breadcrumbs/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-breadcrumbs/bg-color": {
- "type": "string\n",
- "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-breadcrumbs/divider": {
- "type": "string\n",
- "description": "Specifies the dividing character between items."
- },
- "v-breadcrumbs/active-class": {
- "type": "string\n",
- "description": "The class applied to the component when it is in an active state"
- },
- "v-breadcrumbs/active-color": {
- "type": "string\n",
- "description": "The applied color when the component is in an active state"
- },
- "v-breadcrumbs-divider/divider": {
- "type": "string | number\n",
- "description": "Specifies the dividing character between items."
- },
- "v-breadcrumbs-item/title": {
- "type": "string\n",
- "description": "Specify a title text for the component."
- },
- "v-breadcrumbs-item/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-breadcrumbs-item/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-breadcrumbs-item/active": {
- "type": "boolean\n",
- "description": "Controls the **active** state of the item. This is typically used to highlight the component"
- },
- "v-breadcrumbs-item/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-breadcrumbs-item/href": {
- "type": "string\n",
- "description": "Designates the component as anchor and applies the **href** attribute."
- },
- "v-breadcrumbs-item/replace": {
- "type": "boolean\n",
- "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [**replace** prop](https://router.vuejs.org/api/#replace) on the vue-router documentation."
- },
- "v-breadcrumbs-item/exact": {
- "type": "boolean\n",
- "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
- },
- "v-breadcrumbs-item/to": {
- "type": "unknown\n",
- "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
- },
- "v-breadcrumbs-item/active-class": {
- "type": "string\n",
- "description": "The class applied to the component when it matches the current route. Find more information about the [active-class prop](https://router.vuejs.org/api/#active-class) on the [vue-router](https://router.vuejs.org/) documentation"
- },
- "v-breadcrumbs-item/active-color": {
- "type": "string\n",
- "description": "The applied color when the component is in an active state"
- },
- "v-btn/symbol": {
- "type": "any\n",
- "description": "The [Symbol](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol) used to hook into group functionality for components like [v-btn-toggle](/components/btn-toggle) and [v-bottom-navigation](/components/bottom-navigations/) "
- },
- "v-btn/text": {
- "type": "string\n",
- "description": "Specify content text for the component."
- },
- "v-btn/flat": {
- "type": "boolean\n",
- "description": "Removes the button box shadow."
- },
- "v-btn/border": {
- "type": "string | number | boolean\n",
- "description": "Applies border styles to component."
- },
- "v-btn/icon": {
- "type": " | boolean\n | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Apply a specific icon using the [v-icon](/components/icons/) component. The button will become _round_."
- },
- "v-btn/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-btn/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-btn/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-btn/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-btn/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-btn/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-btn/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-btn/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-btn/location": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
- "description": "Specifies the component's location. Can combine by using a space separated string"
- },
- "v-btn/position": {
- "type": "'static' | 'relative' | 'fixed' | 'absolute' | 'sticky'\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-btn/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-btn/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-btn/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-btn/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-btn/variant": {
- "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-btn/value": {
- "type": "any\n",
- "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
- },
- "v-btn/size": {
- "type": "string | number\n",
- "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**."
- },
- "v-btn/active": {
- "type": "boolean\n",
- "description": "Controls the **active** state of the item. This is typically used to highlight the component"
- },
- "v-btn/prepend-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content"
- },
- "v-btn/append-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
- },
- "v-btn/block": {
- "type": "boolean\n",
- "description": "Expands the button to 100% of available space."
- },
- "v-btn/stacked": {
- "type": "boolean\n",
- "description": "Displays the button as a flex-column."
- },
- "v-btn/ripple": {
- "type": "boolean | { class: string }\n",
- "description": "Applies the [v-ripple](/directives/ripple) directive."
- },
- "v-btn/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-btn/selected-class": {
- "type": "string\n",
- "description": "Configure the active CSS class applied when an item is selected."
- },
- "v-btn/loading": {
- "type": "string | boolean\n",
- "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color"
- },
- "v-btn/href": {
- "type": "string\n",
- "description": "Designates the component as anchor and applies the **href** attribute."
- },
- "v-btn/replace": {
- "type": "boolean\n",
- "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [**replace** prop](https://router.vuejs.org/api/#replace) on the vue-router documentation."
- },
- "v-btn/exact": {
- "type": "boolean\n",
- "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
- },
- "v-btn/to": {
- "type": "unknown\n",
- "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
- },
- "v-btn-group/border": {
- "type": "string | number | boolean\n",
- "description": "Applies border styles to component."
- },
- "v-btn-group/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-btn-group/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-btn-group/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-btn-group/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-btn-group/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-btn-group/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-btn-group/variant": {
- "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-btn-group/divided": {
- "type": "boolean\n",
- "description": "Add dividers between children [v-btn](/components/buttons) components."
- },
- "v-btn-toggle/border": {
- "type": "string | number | boolean\n",
- "description": "Applies border styles to component."
- },
- "v-btn-toggle/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-btn-toggle/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-btn-toggle/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-btn-toggle/rounded": {
- "type": "string | number | boolean\n",
- "description": "Round edge buttons"
- },
- "v-btn-toggle/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-btn-toggle/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-btn-toggle/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-btn-toggle/variant": {
- "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-btn-toggle/disabled": {
- "type": "boolean\n",
- "description": "Puts all children components into a disabled state"
- },
- "v-btn-toggle/selected-class": {
- "type": "string\n",
- "description": "Configure the active CSS class applied when an item is selected."
- },
- "v-btn-toggle/multiple": {
- "type": "boolean\n",
- "description": "Allows one to select mulitple items."
- },
- "v-btn-toggle/max": {
- "type": "number\n",
- "description": "Sets a maximum number of selections that can be made."
- },
- "v-btn-toggle/mandatory": {
- "type": "boolean | 'force'\n",
- "description": "Forces at least one item to always be selected (if available)."
- },
- "v-btn-toggle/divided": {
- "type": "boolean\n",
- "description": "Add dividers between children [v-btn](/components/buttons) components."
- },
- "v-card/title": {
- "type": "string\n",
- "description": "Specify a title text for the component."
- },
- "v-card/text": {
- "type": "string\n",
- "description": "Specify content text for the component."
- },
- "v-card/flat": {
- "type": "boolean\n",
- "description": "Removes the card's elevation."
- },
- "v-card/border": {
- "type": "string | number | boolean\n",
- "description": "Applies border styles to component."
- },
- "v-card/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-card/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-card/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-card/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-card/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-card/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-card/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-card/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-card/location": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
- "description": "Specifies the component's location. Can combine by using a space separated string"
- },
- "v-card/position": {
- "type": "'static' | 'relative' | 'fixed' | 'absolute' | 'sticky'\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-card/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-card/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-card/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-card/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-card/variant": {
- "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-card/image": {
- "type": "string\n",
- "description": "Apply a specific background image to the component."
- },
- "v-card/prepend-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Prepends a [v-icon](/components/icons/) component to the header"
- },
- "v-card/append-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
- },
- "v-card/ripple": {
- "type": "boolean | { class: string }\n",
- "description": "Applies the [v-ripple](/directives/ripple) directive."
- },
- "v-card/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-card/loading": {
- "type": "string | boolean\n",
- "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color"
- },
- "v-card/href": {
- "type": "string\n",
- "description": "Designates the component as anchor and applies the **href** attribute."
- },
- "v-card/replace": {
- "type": "boolean\n",
- "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [**replace** prop](https://router.vuejs.org/api/#replace) on the vue-router documentation."
- },
- "v-card/exact": {
- "type": "boolean\n",
- "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
- },
- "v-card/to": {
- "type": "unknown\n",
- "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
- },
- "v-card/link": {
- "type": "boolean\n",
- "description": "Designates that the component is a link. This is automatic when using the href or to prop."
- },
- "v-card/subtitle": {
- "type": "string\n",
- "description": "Specify a subtitle text for the component."
- },
- "v-card/append-avatar": {
- "type": "string\n",
- "description": "Appends a [v-avatar](/components/avatars/) component after default content in the **append** slot"
- },
- "v-card/hover": {
- "type": "boolean\n",
- "description": "Applies **4dp** of elevation when hovered (default 2dp). You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-card/prepend-avatar": {
- "type": "string\n",
- "description": "Prepends a [v-avatar](/components/avatars/) component in the **prepend** slot before default content"
- },
- "v-card-item/title": {
- "type": "string\n",
- "description": "Specify a title text for the component."
- },
- "v-card-item/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-card-item/prepend-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content"
- },
- "v-card-item/append-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
- },
- "v-card-item/subtitle": {
- "type": "string\n",
- "description": "Specify a subtitle text for the component."
- },
- "v-card-item/append-avatar": {
- "type": "string\n",
- "description": "Appends a [v-avatar](/components/avatars/) component after default content in the **append** slot"
- },
- "v-card-item/prepend-avatar": {
- "type": "string\n",
- "description": "Prepends a [v-avatar](/components/avatars/) component in the **prepend** slot before default content"
- },
- "v-card-subtitle/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element"
- },
- "v-card-text/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element"
- },
- "v-card-title/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element"
- },
- "v-carousel/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-carousel/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component"
- },
- "v-carousel/reverse": {
- "type": "boolean\n",
- "description": "Reverse the normal transition direction."
- },
- "v-carousel/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-carousel/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-carousel/color": {
- "type": "string\n",
- "description": "Applies a color to the navigation dots - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-carousel/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-carousel/selected-class": {
- "type": "string\n",
- "description": "Configure the active CSS class applied when an item is selected."
- },
- "v-carousel/direction": {
- "type": "'horizontal' | 'vertical'\n",
- "description": "The transition direction when changing windows."
- },
- "v-carousel/mandatory": {
- "type": "boolean | 'force'\n",
- "description": "Forces at least one item to always be selected (if available)."
- },
- "v-carousel/cycle": {
- "type": "boolean\n",
- "description": "Determines if the carousel should cycle through images."
- },
- "v-carousel/delimiter-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Sets icon for carousel delimiter"
- },
- "v-carousel/hide-delimiters": {
- "type": "boolean\n",
- "description": "Hides the carousel's bottom delimiters."
- },
- "v-carousel/hide-delimiter-background": {
- "type": "boolean\n",
- "description": "Hides the bottom delimiter background."
- },
- "v-carousel/interval": {
- "type": "string | number\n",
- "description": "The duration between image cycles. Requires the **cycle** prop."
- },
- "v-carousel/progress": {
- "type": "string | boolean\n",
- "description": "Displays a carousel progress bar. Requires the **cycle** prop and **interval**."
- },
- "v-carousel/continuous": {
- "type": "boolean\n",
- "description": "Determines whether carousel is continuous"
- },
- "v-carousel/next-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The displayed icon for forcing pagination to the next item."
- },
- "v-carousel/prev-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The displayed icon for forcing pagination to the previous item."
- },
- "v-carousel/show-arrows": {
- "type": "string | boolean\n",
- "description": "Displays arrows for next/previous navigation."
- },
- "v-carousel/touch": {
- "type": "any\n",
- "description": "Provide a custom **left** and **right** function when swiped left or right."
- },
- "v-carousel/vertical-delimiters": {
- "type": "boolean | 'left' | 'right'\n",
- "description": "Displays carousel delimiters vertically."
- },
- "v-carousel-item/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-carousel-item/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-carousel-item/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-carousel-item/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-carousel-item/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-carousel-item/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-carousel-item/value": {
- "type": "any\n",
- "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
- },
- "v-carousel-item/disabled": {
- "type": "boolean\n",
- "description": "Prevents the item from becoming active when using the \"next\" and \"prev\" buttons or the `toggle` method"
- },
- "v-carousel-item/selected-class": {
- "type": "string\n",
- "description": "Configure the active CSS class applied when an item is selected."
- },
- "v-carousel-item/eager": {
- "type": "boolean\n",
- "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
- },
- "v-carousel-item/content-class": {
- "type": "string\n",
- "description": "Apply a custom class to the internal content element."
- },
- "v-carousel-item/transition": {
- "type": "string | boolean\n",
- "description": "The transition used when the component progressing through items. Can be one of the [built in](/styles/transitions/) or custom transition."
- },
- "v-carousel-item/options": {
- "type": "{ root: any; rootMargin: any; threshold: any }\n",
- "description": "Options that are passed to the [Intersection observer](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) constructor."
- },
- "v-carousel-item/inline": {
- "type": "boolean\n",
- "description": "Display as an inline element instead of a block, also disables flex-grow."
- },
- "v-carousel-item/alt": {
- "type": "string\n",
- "description": "Alternate text for screen readers. Leave empty for decorative images."
- },
- "v-carousel-item/cover": {
- "type": "boolean\n",
- "description": "Resizes the background image to cover the entire container."
- },
- "v-carousel-item/gradient": {
- "type": "string\n",
- "description": "The gradient to apply to the image. This can be any valid CSS gradient declaration. You can find more information on the [MDN documentation for gradients](https://developer.mozilla.org/en-US/docs/Web/CSS/gradient)."
- },
- "v-carousel-item/lazy-src": {
- "type": "string\n",
- "description": "Something to show while waiting for the main image to load, typically a small base64-encoded thumbnail. Has a slight blur filter applied.\n\nUse [vuetify-loader](https://github.com/vuetifyjs/vuetify-loader) to generate automatically. NOTE: This prop has no effect unless either `height` or `aspect-ratio` are provided."
- },
- "v-carousel-item/sizes": {
- "type": "string\n",
- "description": "For use with `srcset`, see [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-sizes)."
- },
- "v-carousel-item/src": {
- "type": " | string\n | { src: string; srcset: string; lazySrc: string; aspect: number }\n",
- "description": "The image URL. This prop is mandatory."
- },
- "v-carousel-item/srcset": {
- "type": "string\n",
- "description": "A set of alternate images to use based on device size. [Read more...](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-srcset)."
- },
- "v-carousel-item/aspect-ratio": {
- "type": "string | number\n",
- "description": "Sets a base aspect ratio, calculated as width/height. This will only set a **minimum** height, the component can still grow if it has a lot of content"
- },
- "v-carousel-item/reverse-transition": {
- "type": "string | boolean\n",
- "description": "Sets the reverse transition"
- },
- "v-checkbox/type": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-checkbox/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-checkbox/error": {
- "type": "boolean\n",
- "description": "Puts the input in a manual error state"
- },
- "v-checkbox/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-checkbox/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-checkbox/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-checkbox/name": {
- "type": "string\n",
- "description": "Sets the component's name attribute."
- },
- "v-checkbox/value": {
- "type": "any\n",
- "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
- },
- "v-checkbox/id": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-checkbox/prepend-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
- },
- "v-checkbox/append-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
- },
- "v-checkbox/ripple": {
- "type": "boolean\n",
- "description": "Applies the [v-ripple](/directives/ripple) directive."
- },
- "v-checkbox/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-checkbox/label": {
- "type": "string\n",
- "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component"
- },
- "v-checkbox/multiple": {
- "type": "boolean\n",
- "description": "Changes expected model to an array"
- },
- "v-checkbox/value-comparator": {
- "type": "(a: any, b: any) => boolean\n",
- "description": "Apply a custom comparison algorithm used for values"
- },
- "v-checkbox/center-affix": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-checkbox/hint": {
- "type": "string\n",
- "description": "Displays hint text below the input when focused. Force this always open with the [persistent-hint](#props-persistent-hint) property"
- },
- "v-checkbox/persistent-hint": {
- "type": "boolean\n",
- "description": "Forces [hint](#props-hint) to always be visible"
- },
- "v-checkbox/messages": {
- "type": "string | string[]\n",
- "description": "Displays a list of messages or a single message if using a string"
- },
- "v-checkbox/direction": {
- "type": "'horizontal' | 'vertical'\n",
- "description": "Changes the direction of the input"
- },
- "v-checkbox/error-messages": {
- "type": "string | string[]\n",
- "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation"
- },
- "v-checkbox/max-errors": {
- "type": "string | number\n",
- "description": "Control the maximum number of shown errors from validation."
- },
- "v-checkbox/readonly": {
- "type": "boolean\n",
- "description": "Puts input in readonly state"
- },
- "v-checkbox/rules": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L16-L20\" target=\"_blank\">ValidationRule</a>[]\n",
- "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
- },
- "v-checkbox/validate-on": {
- "type": " | 'lazy'\n | 'blur'\n | 'input'\n | 'submit'\n | 'blur lazy'\n | 'input lazy'\n | 'submit lazy'\n | 'lazy blur'\n | 'lazy input'\n | 'lazy submit'\n",
- "description": "Change what type of event triggers validation to run."
- },
- "v-checkbox/validation-value": {
- "type": "any\n",
- "description": "The value used when applying validation rules."
- },
- "v-checkbox/focused": {
- "type": "boolean\n",
- "description": "Forces a focused state styling on the component."
- },
- "v-checkbox/hide-details": {
- "type": "boolean | 'auto'\n",
- "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display"
- },
- "v-checkbox/indeterminate": {
- "type": "boolean\n",
- "description": "Sets an indeterminate state for the checkbox"
- },
- "v-checkbox/indeterminate-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The icon used when in an indeterminate state"
- },
- "v-checkbox/true-value": {
- "type": "any\n",
- "description": "Sets value for truthy state"
- },
- "v-checkbox/false-value": {
- "type": "any\n",
- "description": "Sets value for falsy state"
- },
- "v-checkbox/defaults-target": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-checkbox/false-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The icon used when inactive"
- },
- "v-checkbox/true-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The icon used when active"
- },
- "v-checkbox-btn/type": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-checkbox-btn/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-checkbox-btn/error": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-checkbox-btn/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-checkbox-btn/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-checkbox-btn/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-checkbox-btn/name": {
- "type": "string\n",
- "description": "Sets the component's name attribute."
- },
- "v-checkbox-btn/value": {
- "type": "any\n",
- "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
- },
- "v-checkbox-btn/id": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-checkbox-btn/ripple": {
- "type": "boolean\n",
- "description": "Applies the [v-ripple](/directives/ripple) directive."
- },
- "v-checkbox-btn/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-checkbox-btn/label": {
- "type": "string\n",
- "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component"
- },
- "v-checkbox-btn/multiple": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-checkbox-btn/value-comparator": {
- "type": "(a: any, b: any) => boolean\n",
- "description": "Apply a custom comparison algorithm used for values"
- },
- "v-checkbox-btn/readonly": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-checkbox-btn/inline": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-checkbox-btn/indeterminate": {
- "type": "boolean\n",
- "description": "Puts the control in an indeterminate state. Used with the [indeterminate-icon](#props-indeterminate-icon) property."
- },
- "v-checkbox-btn/indeterminate-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Icon used when the component is in an indeterminate state."
- },
- "v-checkbox-btn/true-value": {
- "type": "any\n",
- "description": "Sets value for truthy state"
- },
- "v-checkbox-btn/false-value": {
- "type": "any\n",
- "description": "Sets value for falsy state"
- },
- "v-checkbox-btn/defaults-target": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-checkbox-btn/false-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-checkbox-btn/true-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-chip/text": {
- "type": "string\n",
- "description": "Specify content text for the component."
- },
- "v-chip/filter": {
- "type": "boolean\n",
- "description": "Displays a selection icon when selected"
- },
- "v-chip/border": {
- "type": "string | number | boolean\n",
- "description": "Applies border styles to component."
- },
- "v-chip/closable": {
- "type": "boolean\n",
- "description": "Adds remove button and then a chip can be closed"
- },
- "v-chip/close-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Change the default icon used for **close** chips"
- },
- "v-chip/close-label": {
- "type": "string\n",
- "description": "Text used for *aria-label* on the close button in **close** chips. Can also be customized globally in [Internationalization](/customization/internationalization)"
- },
- "v-chip/model-value": {
- "type": "boolean\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-chip/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-chip/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-chip/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-chip/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-chip/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-chip/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-chip/variant": {
- "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-chip/value": {
- "type": "any\n",
- "description": "The value used when a child of a [v-chip-group](/components/chip-groups)"
- },
- "v-chip/size": {
- "type": "string | number\n",
- "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**."
- },
- "v-chip/prepend-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content"
- },
- "v-chip/append-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
- },
- "v-chip/ripple": {
- "type": "boolean | { class: string }\n",
- "description": "Applies the [v-ripple](/directives/ripple) directive."
- },
- "v-chip/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-chip/selected-class": {
- "type": "string\n",
- "description": "Configure the active CSS class applied when an item is selected."
- },
- "v-chip/href": {
- "type": "string\n",
- "description": "Designates the component as anchor and applies the **href** attribute."
- },
- "v-chip/replace": {
- "type": "boolean\n",
- "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [**replace** prop](https://router.vuejs.org/api/#replace) on the vue-router documentation."
- },
- "v-chip/exact": {
- "type": "boolean\n",
- "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
- },
- "v-chip/to": {
- "type": "unknown\n",
- "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
- },
- "v-chip/label": {
- "type": "boolean\n",
- "description": "Applies a medium size border radius"
- },
- "v-chip/link": {
- "type": "boolean\n",
- "description": "Designates that the component is a link. This is automatic when using the href or to prop."
- },
- "v-chip/active-class": {
- "type": "string\n",
- "description": "The class applied to the component when it matches the current route. Find more information about the [active-class prop](https://router.vuejs.org/api/#active-class) on the [vue-router](https://router.vuejs.org/) documentation"
- },
- "v-chip/append-avatar": {
- "type": "string\n",
- "description": "Appends a [v-avatar](/components/avatars/) component after default content in the **append** slot"
- },
- "v-chip/prepend-avatar": {
- "type": "string\n",
- "description": "Prepends a [v-avatar](/components/avatars/) component in the **prepend** slot before default content"
- },
- "v-chip/draggable": {
- "type": "boolean\n",
- "description": "Makes the chip draggable"
- },
- "v-chip/filter-icon": {
- "type": "string\n",
- "description": "Change the default icon used for **filter** chips"
- },
- "v-chip/pill": {
- "type": "boolean\n",
- "description": "Remove `v-avatar` padding"
- },
- "v-chip-group/filter": {
- "type": "boolean\n",
- "description": "Applies an checkmark icon in front of every chip for using it like a filter"
- },
- "v-chip-group/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-chip-group/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-chip-group/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-chip-group/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-chip-group/variant": {
- "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-chip-group/disabled": {
- "type": "boolean\n",
- "description": "Puts all children components into a disabled state"
- },
- "v-chip-group/selected-class": {
- "type": "string\n",
- "description": "Configure the active CSS class applied when an item is selected."
- },
- "v-chip-group/multiple": {
- "type": "boolean\n",
- "description": "Allows one to select mulitple items."
- },
- "v-chip-group/value-comparator": {
- "type": "(a: any, b: any) => boolean\n",
- "description": "Apply a custom comparison algorithm used for values"
- },
- "v-chip-group/max": {
- "type": "number\n",
- "description": "Sets a maximum number of selections that can be made."
- },
- "v-chip-group/mandatory": {
- "type": "boolean | 'force'\n",
- "description": "Forces at least one item to always be selected (if available)."
- },
- "v-chip-group/column": {
- "type": "boolean\n",
- "description": "Remove horizontal pagination and wrap items as needed"
- },
- "v-class-icon/icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
- },
- "v-class-icon/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element"
- },
- "v-code/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element"
- },
- "v-col/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-col/order": {
- "type": "string | number\n",
- "description": "Sets the default [order](https://developer.mozilla.org/en-US/docs/Web/CSS/order) for the column."
- },
- "v-col/offset": {
- "type": "string | number\n",
- "description": "Sets the default offset for the column."
- },
- "v-col/cols": {
- "type": "string | number | boolean\n",
- "description": "Sets the default number of columns the component extends. Available options are: **1 -> 12** and **auto**."
- },
- "v-col/sm": {
- "type": "string | number | boolean\n",
- "description": "Changes the number of columns on small and greater breakpoints."
- },
- "v-col/md": {
- "type": "string | number | boolean\n",
- "description": "Changes the number of columns on medium and greater breakpoints."
- },
- "v-col/lg": {
- "type": "string | number | boolean\n",
- "description": "Changes the number of columns on large and greater breakpoints."
- },
- "v-col/xl": {
- "type": "string | number | boolean\n",
- "description": "Changes the number of columns on extra large and greater breakpoints."
- },
- "v-col/xxl": {
- "type": "string | number | boolean\n",
- "description": "Changes the number of columns on extra extra large and greater breakpoints."
- },
- "v-col/offset-sm": {
- "type": "string | number\n",
- "description": "Changes the offset of the component on small and greater breakpoints."
- },
- "v-col/offset-md": {
- "type": "string | number\n",
- "description": "Changes the offset of the component on medium and greater breakpoints."
- },
- "v-col/offset-lg": {
- "type": "string | number\n",
- "description": "Changes the offset of the component on large and greater breakpoints."
- },
- "v-col/offset-xl": {
- "type": "string | number\n",
- "description": "Changes the offset of the component on extra large and greater breakpoints."
- },
- "v-col/offset-xxl": {
- "type": "string | number\n",
- "description": "Changes the offset of the component on extra extra large and greater breakpoints."
- },
- "v-col/order-sm": {
- "type": "string | number\n",
- "description": "Changes the order of the component on small and greater breakpoints."
- },
- "v-col/order-md": {
- "type": "string | number\n",
- "description": "Changes the order of the component on medium and greater breakpoints."
- },
- "v-col/order-lg": {
- "type": "string | number\n",
- "description": "Changes the order of the component on large and greater breakpoints."
- },
- "v-col/order-xl": {
- "type": "string | number\n",
- "description": "Changes the order of the component on extra large and greater breakpoints."
- },
- "v-col/order-xxl": {
- "type": "string | number\n",
- "description": "Changes the order of the component on extra extra large and greater breakpoints."
- },
- "v-col/align-self": {
- "type": "'end' | 'start' | 'center' | 'auto' | 'baseline' | 'stretch'\n",
- "description": "Applies the [align-items](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) css property. Available options are: **start**, **center**, **end**, **auto**, **baseline** and **stretch**."
- },
- "v-color-picker/border": {
- "type": "string | number | boolean\n",
- "description": "Applies border styles to component."
- },
- "v-color-picker/model-value": {
- "type": "string | Record<string, unknown>\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-color-picker/width": {
- "type": "string | number\n",
- "description": "Sets the width of the color picker"
- },
- "v-color-picker/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-color-picker/position": {
- "type": "'static' | 'relative' | 'fixed' | 'absolute' | 'sticky'\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-color-picker/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-color-picker/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-color-picker/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-color-picker/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-color-picker/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-color-picker/mode": {
- "type": "'rgb' | 'rgba' | 'hsl' | 'hsla' | 'hex' | 'hexa'\n",
- "description": "The current selected input type. Syncable with `v-model:mode`"
- },
- "v-color-picker/canvas-height": {
- "type": "string | number\n",
- "description": "Height of canvas"
- },
- "v-color-picker/dot-size": {
- "type": "string | number\n",
- "description": "Changes the size of the selection dot on the canvas"
- },
- "v-color-picker/hide-canvas": {
- "type": "boolean\n",
- "description": "Hides canvas"
- },
- "v-color-picker/hide-sliders": {
- "type": "boolean\n",
- "description": "Hides sliders"
- },
- "v-color-picker/hide-inputs": {
- "type": "boolean\n",
- "description": "Hides inputs"
- },
- "v-color-picker/modes": {
- "type": "('rgb' | 'rgba' | 'hsl' | 'hsla' | 'hex' | 'hexa')[]\n",
- "description": "Sets available input types"
- },
- "v-color-picker/show-swatches": {
- "type": "boolean\n",
- "description": "Displays color swatches"
- },
- "v-color-picker/swatches-max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height of the swatches section"
- },
- "v-color-picker/swatches": {
- "type": "(\n | string\n | number\n | {\n readonly h: number\n readonly s: number\n readonly v: number\n readonly a?: number\n }\n | {\n readonly r: number\n readonly g: number\n readonly b: number\n readonly a?: number\n }\n | {\n readonly h: number\n readonly s: number\n readonly l: number\n readonly a?: number\n }\n)[][]\n",
- "description": "Sets the available color swatches to select from. 2D array of rows and columns, accepts any color format the picker does"
- },
- "v-combobox/flat": {
- "type": "boolean\n",
- "description": "Removes elevation (shadow) added to element when using the **solo** or **solo-inverted** props"
- },
- "v-combobox/type": {
- "type": "string\n",
- "description": "Sets input type"
- },
- "v-combobox/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-combobox/error": {
- "type": "boolean\n",
- "description": "Puts the input in a manual error state"
- },
- "v-combobox/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-combobox/reverse": {
- "type": "boolean\n",
- "description": "Reverses the orientation "
- },
- "v-combobox/rounded": {
- "type": "string | number | boolean\n",
- "description": "Adds a border radius to the input"
- },
- "v-combobox/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-combobox/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-combobox/variant": {
- "type": " | 'outlined'\n | 'plain'\n | 'underlined'\n | 'filled'\n | 'solo'\n | 'solo-inverted'\n | 'solo-filled'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-combobox/name": {
- "type": "string\n",
- "description": "Sets the component's name attribute."
- },
- "v-combobox/id": {
- "type": "string\n",
- "description": "Sets the DOM id on the component"
- },
- "v-combobox/items": {
- "type": "any[]\n",
- "description": "An array of strings or objects used for automatically generating children components"
- },
- "v-combobox/active": {
- "type": "boolean\n",
- "description": "Controls the **active** state of the item. This is typically used to highlight the component"
- },
- "v-combobox/prepend-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Prepends an icon to the outnside the component's input, uses the same syntax as `v-icon`"
- },
- "v-combobox/append-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
- },
- "v-combobox/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the input"
- },
- "v-combobox/loading": {
- "type": "string | boolean\n",
- "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color"
- },
- "v-combobox/label": {
- "type": "string\n",
- "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component"
- },
- "v-combobox/auto-select-first": {
- "type": "boolean | 'exact'\n",
- "description": "When searching, will always highlight the first option and select it on blur. `exact` will only highlight and select exact matches."
- },
- "v-combobox/filter-mode": {
- "type": "'every' | 'some' | 'union' | 'intersection'\n",
- "description": "Controls how the results of `customFilter` and `customKeyFilter` are combined. All modes only apply `customFilter` to columns not specified in `customKeyFilter`.\n\n- **some**: There is at least one match from either the custom filter or the custom key filter.\n- **every**: All columns match either the custom filter or the custom key filter.\n- **union**: There is at least one match from the custom filter, or all columns match the custom key filters.\n- **intersection**: There is at least one match from the custom filter, and all columns match the custom key filters."
- },
- "v-combobox/no-filter": {
- "type": "boolean\n",
- "description": "Disables all item filtering."
- },
- "v-combobox/custom-filter": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.ts#L19-L19\" target=\"_blank\">FilterFunction</a>\n",
- "description": "Function used to filter items, called for each filterable key on each item in the list. The first argument is the filterable value from the item, the second is the search term, and the third is the internal item object. The function should return true if the item should be included in the filtered list, or the index of the match in the value if it should be included with the result highlighted."
- },
- "v-combobox/custom-key-filter": {
- "type": "{ [string]: <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.ts#L19-L19\" target=\"_blank\">FilterFunction</a> }\n",
- "description": "Function used on specific keys within the item object. `customFilter` is skipped for columns with `customKeyFilter` specified."
- },
- "v-combobox/filter-keys": {
- "type": "string | string[]\n",
- "description": "Array of specific keys to filter on the item."
- },
- "v-combobox/chips": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/select.json))"
- },
- "v-combobox/closable-chips": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/select.json))"
- },
- "v-combobox/eager": {
- "type": "boolean\n",
- "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
- },
- "v-combobox/hide-no-data": {
- "type": "boolean\n",
- "description": "Hides the menu when there are no options to show. Useful for preventing the menu from opening before results are fetched asynchronously. Also has the effect of opening the menu when the `items` array changes if not already open."
- },
- "v-combobox/hide-selected": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/select.json))"
- },
- "v-combobox/menu": {
- "type": "boolean\n",
- "description": "Renders with the menu open by default"
- },
- "v-combobox/menu-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Sets the the spin icon"
- },
- "v-combobox/menu-props": {
- "type": "unknown\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/select.json))"
- },
- "v-combobox/transition": {
- "type": "string | boolean\n",
- "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
- },
- "v-combobox/multiple": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/select.json))"
- },
- "v-combobox/no-data-text": {
- "type": "string\n",
- "description": "Text shown when no items are provided to the component"
- },
- "v-combobox/open-on-clear": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/select.json))"
- },
- "v-combobox/value-comparator": {
- "type": "(a: any, b: any) => boolean\n",
- "description": "Apply a custom comparison algorithm used for values"
- },
- "v-combobox/item-color": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-combobox/item-title": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "Property on supplied `items` that contains its title"
- },
- "v-combobox/item-value": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "Property on supplied `items` that contains its value"
- },
- "v-combobox/item-children": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "Property on supplied `items` that contains its children"
- },
- "v-combobox/item-props": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "Props object that will be applied to each item component. `true` will treat the original object as raw props and pass it directly to the component."
- },
- "v-combobox/return-object": {
- "type": "boolean\n",
- "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**"
- },
- "v-combobox/autofocus": {
- "type": "boolean\n",
- "description": "Enables autofocus"
- },
- "v-combobox/prefix": {
- "type": "string\n",
- "description": "Displays prefix text"
- },
- "v-combobox/placeholder": {
- "type": "string\n",
- "description": "Sets the input’s placeholder text"
- },
- "v-combobox/persistent-placeholder": {
- "type": "boolean\n",
- "description": "Forces placeholder to always be visible"
- },
- "v-combobox/persistent-counter": {
- "type": "boolean\n",
- "description": "Forces counter to always be visible"
- },
- "v-combobox/suffix": {
- "type": "string\n",
- "description": "Displays suffix text"
- },
- "v-combobox/center-affix": {
- "type": "boolean\n",
- "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center"
- },
- "v-combobox/hint": {
- "type": "string\n",
- "description": "Displays hint text below the input when focused. Force this always open with the [persistent-hint](#props-persistent-hint) property"
- },
- "v-combobox/persistent-hint": {
- "type": "boolean\n",
- "description": "Forces [hint](#props-hint) to always be visible"
- },
- "v-combobox/messages": {
- "type": "string | string[]\n",
- "description": "Displays a list of messages or a single message if using a string"
- },
- "v-combobox/direction": {
- "type": "'horizontal' | 'vertical'\n",
- "description": "Changes the direction of the input"
- },
- "v-combobox/error-messages": {
- "type": "string | string[]\n",
- "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation"
- },
- "v-combobox/max-errors": {
- "type": "string | number\n",
- "description": "Control the maximum number of shown errors from validation."
- },
- "v-combobox/readonly": {
- "type": "boolean\n",
- "description": "Puts input in readonly state"
- },
- "v-combobox/rules": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L16-L20\" target=\"_blank\">ValidationRule</a>[]\n",
- "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
- },
- "v-combobox/validate-on": {
- "type": " | 'lazy'\n | 'blur'\n | 'input'\n | 'submit'\n | 'blur lazy'\n | 'input lazy'\n | 'submit lazy'\n | 'lazy blur'\n | 'lazy input'\n | 'lazy submit'\n",
- "description": "Change what type of event triggers validation to run."
- },
- "v-combobox/focused": {
- "type": "boolean\n",
- "description": "Forces a focused state styling on the component."
- },
- "v-combobox/hide-details": {
- "type": "boolean | 'auto'\n",
- "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display"
- },
- "v-combobox/bg-color": {
- "type": "string\n",
- "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-combobox/clearable": {
- "type": "boolean\n",
- "description": "Allows for the component to be cleared"
- },
- "v-combobox/clear-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The icon used when the **clerable** prop is set to true"
- },
- "v-combobox/base-color": {
- "type": "string\n",
- "description": "Sets the color of the input when it is not focused"
- },
- "v-combobox/persistent-clear": {
- "type": "boolean\n",
- "description": "Always show the clearable icon when the input is dirty (By default it only shows on hover)"
- },
- "v-combobox/prepend-inner-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend-inner** slot"
- },
- "v-combobox/single-line": {
- "type": "boolean\n",
- "description": "Label does not move on focus/dirty"
- },
- "v-combobox/counter": {
- "type": "string | number | true\n",
- "description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
- },
- "v-combobox/counter-value": {
- "type": "(value: any) => number\n",
- "description": "Function returns the counter display text"
- },
- "v-combobox/model-modifiers": {
- "type": "Record<string, boolean>\n",
- "description": "**FOR INTERNAL USE ONLY**"
- },
- "v-combobox/delimiters": {
- "type": "string[]\n",
- "description": "Accepts an array of strings that will trigger a new tag when typing. Does not replace the normal Tab and Enter keys."
- },
- "v-component-icon/icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
- },
- "v-component-icon/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element"
- },
- "v-container/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-container/fluid": {
- "type": "boolean\n",
- "description": "Removes viewport maximum-width size breakpoints."
- },
- "v-counter/value": {
- "type": "string | number\n",
- "description": "Sets the current counter value."
- },
- "v-counter/active": {
- "type": "boolean\n",
- "description": "Determines whether the counter is visible or not."
- },
- "v-counter/transition": {
- "type": "string | { component: Component }\n",
- "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
- },
- "v-counter/max": {
- "type": "string | number\n",
- "description": "Sets the maximum allowed value."
- },
- "v-data-iterator/model-value": {
- "type": "any[]\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-data-iterator/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-data-iterator/items": {
- "type": "any[]\n",
- "description": "An array of strings or objects used for automatically generating children components"
- },
- "v-data-iterator/loading": {
- "type": "boolean\n",
- "description": "If `true` and no items are provided, then a loading text will be shown"
- },
- "v-data-iterator/search": {
- "type": "string\n",
- "description": "Text input used to filter items"
- },
- "v-data-iterator/filter-mode": {
- "type": "'every' | 'some' | 'union' | 'intersection'\n",
- "description": "Controls how the results of `customFilter` and `customKeyFilter` are combined. All modes only apply `customFilter` to columns not specified in `customKeyFilter`.\n\n- **some**: There is at least one match from either the custom filter or the custom key filter.\n- **every**: All columns match either the custom filter or the custom key filter.\n- **union**: There is at least one match from the custom filter, or all columns match the custom key filters.\n- **intersection**: There is at least one match from the custom filter, and all columns match the custom key filters."
- },
- "v-data-iterator/no-filter": {
- "type": "boolean\n",
- "description": "Disables all item filtering."
- },
- "v-data-iterator/custom-filter": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.ts#L19-L19\" target=\"_blank\">FilterFunction</a>\n",
- "description": "Function to filter items"
- },
- "v-data-iterator/custom-key-filter": {
- "type": "{ [string]: <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.ts#L19-L19\" target=\"_blank\">FilterFunction</a> }\n",
- "description": "Function used on specific keys within the item object. `customFilter` is skipped for columns with `customKeyFilter` specified."
- },
- "v-data-iterator/filter-keys": {
- "type": "string | string[]\n",
- "description": "Array of specific keys to filter on the item."
- },
- "v-data-iterator/item-value": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-iterator/return-object": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-iterator/item-selectable": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-iterator/show-select": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-iterator/select-strategy": {
- "type": "'single' | 'page' | 'all'\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-iterator/page": {
- "type": "string | number\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-iterator/sort-by": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/labs/VDataTable/composables/sort.ts#L29-L29\" target=\"_blank\">SortItem</a>[]\n",
- "description": "Changes which item property (or properties) should be used for sort order. Can be used with `.sync` modifier"
- },
- "v-data-iterator/multi-sort": {
- "type": "boolean\n",
- "description": "If `true` then one can sort on multiple properties"
- },
- "v-data-iterator/must-sort": {
- "type": "boolean\n",
- "description": "If `true` then one can not disable sorting, it will always switch between ascending and descending"
- },
- "v-data-iterator/custom-key-sort": {
- "type": "Record<string, (a: any, b: any) => number>\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-iterator/items-per-page": {
- "type": "string | number\n",
- "description": "Changes how many items per page should be visible. Can be used with `.sync` modifier. Setting this prop to `-1` will display all items on the page"
- },
- "v-data-iterator/expand-on-click": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-iterator/show-expand": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-iterator/expanded": {
- "type": "string[]\n",
- "description": "Array of expanded items. Can be used with `.sync` modifier"
- },
- "v-data-iterator/group-by": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/labs/VDataTable/composables/sort.ts#L29-L29\" target=\"_blank\">SortItem</a>[]\n",
- "description": "Changes which item property should be used for grouping items. Currently only supports a single grouping in the format: `group` or `['group']`. When using an array, only the first element is considered. Can be used with `.sync` modifier"
- },
- "v-data-table/model-value": {
- "type": "any[]\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-data-table/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height of the table rows"
- },
- "v-data-table/height": {
- "type": "string | number\n",
- "description": "Set an explicit height of table"
- },
- "v-data-table/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component"
- },
- "v-data-table/sticky": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-data-table/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-data-table/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-data-table/items": {
- "type": "any[]\n",
- "description": "An array of strings or objects used for automatically generating children components"
- },
- "v-data-table/loading": {
- "type": "string | boolean\n",
- "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color"
- },
- "v-data-table/search": {
- "type": "string\n",
- "description": "Text input used to filter items"
- },
- "v-data-table/filter-mode": {
- "type": "'every' | 'some' | 'union' | 'intersection'\n",
- "description": "Controls how the results of `customFilter` and `customKeyFilter` are combined. All modes only apply `customFilter` to columns not specified in `customKeyFilter`.\n\n- **some**: There is at least one match from either the custom filter or the custom key filter.\n- **every**: All columns match either the custom filter or the custom key filter.\n- **union**: There is at least one match from the custom filter, or all columns match the custom key filters.\n- **intersection**: There is at least one match from the custom filter, and all columns match the custom key filters."
- },
- "v-data-table/no-filter": {
- "type": "boolean\n",
- "description": "Disables all item filtering."
- },
- "v-data-table/custom-filter": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.ts#L19-L19\" target=\"_blank\">FilterFunction</a>\n",
- "description": "Function to filter items"
- },
- "v-data-table/custom-key-filter": {
- "type": "{ [string]: <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.ts#L19-L19\" target=\"_blank\">FilterFunction</a> }\n",
- "description": "Function used on specific keys within the item object. `customFilter` is skipped for columns with `customKeyFilter` specified."
- },
- "v-data-table/filter-keys": {
- "type": "string | string[]\n",
- "description": "Array of specific keys to filter on the item."
- },
- "v-data-table/hide-no-data": {
- "type": "boolean\n",
- "description": "Hides the menu when there are no options to show. Useful for preventing the menu from opening before results are fetched asynchronously. Also has the effect of opening the menu when the `items` array changes if not already open."
- },
- "v-data-table/no-data-text": {
- "type": "string\n",
- "description": "Text shown when no items are provided to the component"
- },
- "v-data-table/item-value": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/return-object": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/hover": {
- "type": "boolean\n",
- "description": "Adds a hover effects to a table rows"
- },
- "v-data-table/next-icon": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/prev-icon": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/item-selectable": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/show-select": {
- "type": "boolean\n",
- "description": "Shows the select checkboxes in both the header and rows (if using default rows)"
- },
- "v-data-table/select-strategy": {
- "type": "'single' | 'page' | 'all'\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/page": {
- "type": "string | number\n",
- "description": "The current displayed page number (1-indexed)"
- },
- "v-data-table/sort-by": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/labs/VDataTable/composables/sort.ts#L29-L29\" target=\"_blank\">SortItem</a>[]\n",
- "description": "Changes which item property (or properties) should be used for sort order. Can be used with `.sync` modifier"
- },
- "v-data-table/multi-sort": {
- "type": "boolean\n",
- "description": "If `true` then one can sort on multiple properties"
- },
- "v-data-table/must-sort": {
- "type": "boolean\n",
- "description": "If `true` then one can not disable sorting, it will always switch between ascending and descending"
- },
- "v-data-table/custom-key-sort": {
- "type": "Record<string, (a: any, b: any) => number>\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/items-per-page": {
- "type": "string | number\n",
- "description": "Changes how many items per page should be visible. Can be used with `.sync` modifier. Setting this prop to `-1` will display all items on the page"
- },
- "v-data-table/expand-on-click": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/show-expand": {
- "type": "boolean\n",
- "description": "Shows the expand toggle in default rows"
- },
- "v-data-table/expanded": {
- "type": "string[]\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/group-by": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/labs/VDataTable/composables/sort.ts#L29-L29\" target=\"_blank\">SortItem</a>[]\n",
- "description": "Changes which item property should be used for grouping items. Currently only supports a single grouping in the format: `group` or `['group']`. When using an array, only the first element is considered. Can be used with `.sync` modifier"
- },
- "v-data-table/headers": {
- "type": "DeepReadonly<DataTableHeader[] | DataTableHeader[][]>\n",
- "description": "An array of objects that each describe a header column. See the example below for a definition of all properties"
- },
- "v-data-table/loading-text": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/row-height": {
- "type": "number\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/sort-asc-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/sort-desc-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/fixed-header": {
- "type": "boolean\n",
- "description": "Fixed header to top of table"
- },
- "v-data-table/fixed-footer": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-table.json))"
- },
- "v-data-table/first-icon": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/last-icon": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/items-per-page-text": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/page-text": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/first-page-label": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/prev-page-label": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/next-page-label": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/last-page-label": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/items-per-page-options": {
- "type": "{ title: string; value: number }[]\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table/show-current-page": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-row/item": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/labs/VDataTable/types.ts#L33-L39\" target=\"_blank\">DataTableItem</a>\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-row/index": {
- "type": "Number\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-rows/items": {
- "type": "(<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/labs/VDataTable/types.ts#L33-L39\" target=\"_blank\">DataTableItem</a> | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/labs/VDataTable/composables/group.ts#L18-L25\" target=\"_blank\">Group</a>)[]\n",
- "description": "An array of strings or objects used for automatically generating children components"
- },
- "v-data-table-rows/loading": {
- "type": "string | boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-rows/hide-no-data": {
- "type": "boolean\n",
- "description": "Hides the menu when there are no options to show. Useful for preventing the menu from opening before results are fetched asynchronously. Also has the effect of opening the menu when the `items` array changes if not already open."
- },
- "v-data-table-rows/no-data-text": {
- "type": "string\n",
- "description": "Text shown when no items are provided to the component"
- },
- "v-data-table-rows/loading-text": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-rows/row-height": {
- "type": "number\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/model-value": {
- "type": "any[]\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-data-table-server/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-data-table-server/height": {
- "type": "string | number\n",
- "description": "Use the height prop to set the height of the table."
- },
- "v-data-table-server/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component"
- },
- "v-data-table-server/sticky": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-data-table-server/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-data-table-server/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-data-table-server/items": {
- "type": "any[]\n",
- "description": "An array of strings or objects used for automatically generating children components"
- },
- "v-data-table-server/loading": {
- "type": "string | boolean\n",
- "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color"
- },
- "v-data-table-server/search": {
- "type": "string\n",
- "description": "Text input used to filter items."
- },
- "v-data-table-server/hide-no-data": {
- "type": "boolean\n",
- "description": "Hides the menu when there are no options to show. Useful for preventing the menu from opening before results are fetched asynchronously. Also has the effect of opening the menu when the `items` array changes if not already open."
- },
- "v-data-table-server/no-data-text": {
- "type": "string\n",
- "description": "Text shown when no items are provided to the component"
- },
- "v-data-table-server/item-value": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/return-object": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/hover": {
- "type": "boolean\n",
- "description": "Will add a hover effect to a table's row when the mouse is over it."
- },
- "v-data-table-server/next-icon": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/prev-icon": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/item-selectable": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/show-select": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/select-strategy": {
- "type": "'single' | 'page' | 'all'\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/page": {
- "type": "string | number\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/sort-by": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/labs/VDataTable/composables/sort.ts#L29-L29\" target=\"_blank\">SortItem</a>[]\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/multi-sort": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/must-sort": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/custom-key-sort": {
- "type": "Record<string, (a: any, b: any) => number>\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/items-per-page": {
- "type": "string | number\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/expand-on-click": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/show-expand": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/expanded": {
- "type": "string[]\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/group-by": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/labs/VDataTable/composables/sort.ts#L29-L29\" target=\"_blank\">SortItem</a>[]\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/items-length": {
- "type": "string | number\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/headers": {
- "type": "DeepReadonly<DataTableHeader[] | DataTableHeader[][]>\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/loading-text": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/row-height": {
- "type": "number\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/sort-asc-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/sort-desc-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/fixed-header": {
- "type": "boolean\n",
- "description": "Use the fixed-header prop together with the height prop to fix the header to the top of the table."
- },
- "v-data-table-server/fixed-footer": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-table.json))"
- },
- "v-data-table-server/first-icon": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/last-icon": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/items-per-page-text": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/page-text": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/first-page-label": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/prev-page-label": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/next-page-label": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/last-page-label": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/items-per-page-options": {
- "type": "{ title: string; value: number }[]\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-server/show-current-page": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-virtual/model-value": {
- "type": "any[]\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-data-table-virtual/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-data-table-virtual/height": {
- "type": "string | number\n",
- "description": "Use the height prop to set the height of the table."
- },
- "v-data-table-virtual/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component"
- },
- "v-data-table-virtual/sticky": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-virtual/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-data-table-virtual/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-data-table-virtual/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-data-table-virtual/items": {
- "type": "any[]\n",
- "description": "An array of strings or objects used for automatically generating children components"
- },
- "v-data-table-virtual/loading": {
- "type": "string | boolean\n",
- "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color"
- },
- "v-data-table-virtual/search": {
- "type": "string\n",
- "description": "Text input used to filter items."
- },
- "v-data-table-virtual/filter-mode": {
- "type": "'every' | 'some' | 'union' | 'intersection'\n",
- "description": "Controls how the results of `customFilter` and `customKeyFilter` are combined. All modes only apply `customFilter` to columns not specified in `customKeyFilter`.\n\n- **some**: There is at least one match from either the custom filter or the custom key filter.\n- **every**: All columns match either the custom filter or the custom key filter.\n- **union**: There is at least one match from the custom filter, or all columns match the custom key filters.\n- **intersection**: There is at least one match from the custom filter, and all columns match the custom key filters."
- },
- "v-data-table-virtual/no-filter": {
- "type": "boolean\n",
- "description": "Disables all item filtering."
- },
- "v-data-table-virtual/custom-filter": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.ts#L19-L19\" target=\"_blank\">FilterFunction</a>\n",
- "description": "Function used to filter items, called for each filterable key on each item in the list. The first argument is the filterable value from the item, the second is the search term, and the third is the internal item object. The function should return true if the item should be included in the filtered list, or the index of the match in the value if it should be included with the result highlighted."
- },
- "v-data-table-virtual/custom-key-filter": {
- "type": "{ [string]: <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.ts#L19-L19\" target=\"_blank\">FilterFunction</a> }\n",
- "description": "Function used on specific keys within the item object. `customFilter` is skipped for columns with `customKeyFilter` specified."
- },
- "v-data-table-virtual/filter-keys": {
- "type": "string | string[]\n",
- "description": "Array of specific keys to filter on the item."
- },
- "v-data-table-virtual/hide-no-data": {
- "type": "boolean\n",
- "description": "Hides the menu when there are no options to show. Useful for preventing the menu from opening before results are fetched asynchronously. Also has the effect of opening the menu when the `items` array changes if not already open."
- },
- "v-data-table-virtual/no-data-text": {
- "type": "string\n",
- "description": "Text shown when no items are provided to the component"
- },
- "v-data-table-virtual/item-value": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-virtual/return-object": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-virtual/hover": {
- "type": "boolean\n",
- "description": "Will add a hover effect to a table's row when the mouse is over it."
- },
- "v-data-table-virtual/item-selectable": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-virtual/show-select": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-virtual/select-strategy": {
- "type": "'single' | 'page' | 'all'\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-virtual/sort-by": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/labs/VDataTable/composables/sort.ts#L29-L29\" target=\"_blank\">SortItem</a>[]\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-virtual/multi-sort": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-virtual/must-sort": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-virtual/custom-key-sort": {
- "type": "Record<string, (a: any, b: any) => number>\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-virtual/expand-on-click": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-virtual/show-expand": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-virtual/expanded": {
- "type": "string[]\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-virtual/group-by": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/labs/VDataTable/composables/sort.ts#L29-L29\" target=\"_blank\">SortItem</a>[]\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-virtual/headers": {
- "type": "DeepReadonly<DataTableHeader[] | DataTableHeader[][]>\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-virtual/loading-text": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-virtual/row-height": {
- "type": "number\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-virtual/sort-asc-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-virtual/sort-desc-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-data-table-virtual/fixed-header": {
- "type": "boolean\n",
- "description": "Use the fixed-header prop together with the height prop to fix the header to the top of the table."
- },
- "v-data-table-virtual/fixed-footer": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-table.json))"
- },
- "v-data-table-virtual/item-height": {
- "type": "string | number\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-card/model-value": {
- "type": "any[]\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-date-card/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component"
- },
- "v-date-card/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-date-card/transition": {
- "type": " | string\n | {\n component: ComponentPublicInstanceConstructor<\n {\n $: ComponentInternalInstance\n $data: {}\n $props: {\n disabled?: boolean\n origin?: string\n mode?: string\n group?: boolean\n hideOnLeave?: boolean\n leaveAbsolute?: boolean\n style?: unknown\n class?: unknown\n 'v-slot:default'?: false | (() => VNodeChild)\n $children?:\n | VNodeChild\n | (() => VNodeChild)\n | { default?: () => VNodeChild }\n 'v-slots'?: { default?: false | (() => VNodeChild) }\n key?: string | number | symbol\n ref?: VNodeRef\n ref_for?: boolean\n ref_key?: string\n onVnodeBeforeMount?: VNodeMountHook | VNodeMountHook[]\n onVnodeMounted?: VNodeMountHook | VNodeMountHook[]\n onVnodeBeforeUpdate?: VNodeUpdateHook | VNodeUpdateHook[]\n onVnodeUpdated?: VNodeUpdateHook | VNodeUpdateHook[]\n onVnodeBeforeUnmount?: VNodeMountHook | VNodeMountHook[]\n onVnodeUnmounted?: VNodeMountHook | VNodeMountHook[]\n }\n $attrs: Data\n $refs: Data\n $slots: Readonly<{\n default?: () => VNode<\n RendererNode,\n RendererElement,\n { [key: string]: any }\n >[]\n }>\n $root: ComponentPublicInstance<\n {},\n {},\n {},\n {},\n {},\n {},\n {},\n {},\n false,\n ComponentOptionsBase<\n any,\n any,\n any,\n any,\n any,\n any,\n any,\n any,\n any,\n {},\n {},\n string,\n {}\n >,\n {},\n {}\n >\n $parent: ComponentPublicInstance<\n {},\n {},\n {},\n {},\n {},\n {},\n {},\n {},\n false,\n ComponentOptionsBase<\n any,\n any,\n any,\n any,\n any,\n any,\n any,\n any,\n any,\n {},\n {},\n string,\n {}\n >,\n {},\n {}\n >\n $emit: (event: string, ...args: any[]) => void\n $el: any\n $options: ComponentOptionsBase<\n {\n disabled: boolean\n origin: string\n mode: string\n group: boolean\n hideOnLeave: boolean\n leaveAbsolute: boolean\n } & {} & {\n $children?:\n | VNodeChild\n | (() => VNodeChild)\n | { default?: () => VNodeChild }\n 'v-slots'?: { default?: false | (() => VNodeChild) }\n } & { 'v-slot:default'?: false | (() => VNodeChild) },\n () => VNode<RendererNode, RendererElement, { [key: string]: any }>,\n unknown,\n {},\n {},\n ComponentOptionsMixin,\n ComponentOptionsMixin,\n Record<string, any>,\n string,\n {\n disabled: boolean\n origin: string\n mode: string\n group: boolean\n hideOnLeave: boolean\n leaveAbsolute: boolean\n },\n {},\n string,\n SlotsType<Partial<MakeSlots<{ default: never }>>>\n > &\n MergedComponentOptionsOverride\n $forceUpdate: () => void\n $nextTick: typeof nextTick\n $watch<T extends string | ((...args: any) => any)>(\n source: T,\n cb: T extends (...args: any) => infer R\n ? (args_0: R, args_1: R) => any\n : (...args: any) => any,\n options?: WatchOptions<boolean>,\n ): WatchStopHandle\n } & {\n disabled: boolean\n origin: string\n mode: string\n group: boolean\n hideOnLeave: boolean\n leaveAbsolute: boolean\n } & {} & {\n $children?:\n | VNodeChild\n | (() => VNodeChild)\n | { default?: () => VNodeChild }\n 'v-slots'?: { default?: false | (() => VNodeChild) }\n } & {\n 'v-slot:default'?: false | (() => VNodeChild)\n } & ShallowUnwrapRef<\n () => VNode<RendererNode, RendererElement, { [key: string]: any }>\n > &\n ExtractComputedReturns<{}> &\n ComponentCustomProperties & {},\n any,\n any,\n any,\n ComputedOptions,\n MethodOptions\n > &\n ComponentOptionsBase<\n {\n disabled: boolean\n origin: string\n mode: string\n group: boolean\n hideOnLeave: boolean\n leaveAbsolute: boolean\n } & {} & {\n $children?:\n | VNodeChild\n | (() => VNodeChild)\n | { default?: () => VNodeChild }\n 'v-slots'?: { default?: false | (() => VNodeChild) }\n } & { 'v-slot:default'?: false | (() => VNodeChild) },\n () => VNode<RendererNode, RendererElement, { [key: string]: any }>,\n unknown,\n {},\n {},\n ComponentOptionsMixin,\n ComponentOptionsMixin,\n Record<string, any>,\n string,\n {\n disabled: boolean\n origin: string\n mode: string\n group: boolean\n hideOnLeave: boolean\n leaveAbsolute: boolean\n },\n {},\n string,\n SlotsType<Partial<MakeSlots<{ default: never }>>>\n > &\n VNodeProps &\n AllowedComponentProps &\n ComponentCustomProps & {\n filterProps: (props: T) => [Partial<Pick<T, U>>, Omit<T, U>]\n }\n leaveAbsolute: boolean\n }\n",
- "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
- },
- "v-date-card/multiple": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-card/max": {
- "type": "number\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-card/next-icon": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-card/prev-icon": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-card/cancel-text": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-card/ok-text": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-card/input-mode": {
- "type": "'keyboard' | 'calendar'\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-card/hide-actions": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-card/expand-icon": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-card/collapse-icon": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-card/range": {
- "type": "string | boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-card/display-date": {
- "type": "any\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-card/view-mode": {
- "type": "'month' | 'year'\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-card/format": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-card/show-adjacent-months": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-card/hide-weekdays": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-card/show-week": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-card/hover-date": {
- "type": "any\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-card/side": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-card/min": {
- "type": "number\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker/title": {
- "type": "string\n",
- "description": "Specify a title text for the component."
- },
- "v-date-picker/border": {
- "type": "string | number | boolean\n",
- "description": "Applies border styles to component."
- },
- "v-date-picker/model-value": {
- "type": "any[]\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-date-picker/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-date-picker/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-date-picker/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-date-picker/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-date-picker/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-date-picker/width": {
- "type": "string | number\n",
- "description": "Width of the picker"
- },
- "v-date-picker/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-date-picker/location": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
- "description": "Specifies the component's location. Can combine by using a space separated string"
- },
- "v-date-picker/position": {
- "type": "'static' | 'relative' | 'fixed' | 'absolute' | 'sticky'\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-date-picker/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-date-picker/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-date-picker/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-date-picker/header": {
- "type": "string\n",
- "description": "Text shown when no **display-date** is set."
- },
- "v-date-picker/multiple": {
- "type": "boolean\n",
- "description": "Allow the selection of multiple dates"
- },
- "v-date-picker/max": {
- "type": "number\n",
- "description": "Maximum allowed date/month (ISO 8601 format)"
- },
- "v-date-picker/next-icon": {
- "type": "string\n",
- "description": "Sets the icon for next month/year button"
- },
- "v-date-picker/prev-icon": {
- "type": "string\n",
- "description": "Sets the icon for previous month/year button"
- },
- "v-date-picker/cancel-text": {
- "type": "string\n",
- "description": "Text used for the Cancel button."
- },
- "v-date-picker/ok-text": {
- "type": "string\n",
- "description": "Text used for the Ok button."
- },
- "v-date-picker/input-mode": {
- "type": "'keyboard' | 'calendar'\n",
- "description": "Toggles between showing dates or inputs."
- },
- "v-date-picker/hide-actions": {
- "type": "boolean\n",
- "description": "Hide the picker actions"
- },
- "v-date-picker/expand-icon": {
- "type": "string\n",
- "description": "Icon used for **view-mode** toggle."
- },
- "v-date-picker/collapse-icon": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker/range": {
- "type": "string | boolean\n",
- "description": "Allow the selection of date range"
- },
- "v-date-picker/display-date": {
- "type": "any\n",
- "description": "The date displayed in the picker header."
- },
- "v-date-picker/view-mode": {
- "type": "'month' | 'year'\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker/format": {
- "type": "string\n",
- "description": "Takes a date object and returns it in a specified format."
- },
- "v-date-picker/show-adjacent-months": {
- "type": "boolean\n",
- "description": "Toggles visibility of days from previous and next months"
- },
- "v-date-picker/hide-weekdays": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker/show-week": {
- "type": "boolean\n",
- "description": "Toggles visibility of the week numbers in the body of the calendar"
- },
- "v-date-picker/hover-date": {
- "type": "any\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker/side": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker/min": {
- "type": "number\n",
- "description": "Minimum allowed date/month (ISO 8601 format)"
- },
- "v-date-picker/calendar-icon": {
- "type": "string\n",
- "description": "The icon shown in the header when in 'input' **input-mode**."
- },
- "v-date-picker/keyboard-icon": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker/input-text": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker/landscape": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker-controls/next-icon": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker-controls/prev-icon": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker-controls/expand-icon": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker-controls/collapse-icon": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker-controls/range": {
- "type": "string | boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker-controls/display-date": {
- "type": "any\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker-controls/view-mode": {
- "type": "'month' | 'year'\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker-controls/format": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker-header/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-date-picker-header/header": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker-header/append-icon": {
- "type": "string\n",
- "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
- },
- "v-date-picker-header/transition": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker-month/model-value": {
- "type": "any[]\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-date-picker-month/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-date-picker-month/multiple": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker-month/display-date": {
- "type": "any\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker-month/format": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker-month/show-adjacent-months": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker-month/hide-weekdays": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker-month/show-week": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker-month/hover-date": {
- "type": "any\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker-month/side": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker-years/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component"
- },
- "v-date-picker-years/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-date-picker-years/max": {
- "type": "number\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker-years/display-date": {
- "type": "any\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-date-picker-years/min": {
- "type": "number\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-defaults-provider/disabled": {
- "type": "boolean\n",
- "description": "Turns off all calcuations of new default values for improved performance in situations where defaults propagation isn't necessary"
- },
- "v-defaults-provider/root": {
- "type": "string | boolean\n",
- "description": "Force current defaults to match the application root defaults"
- },
- "v-defaults-provider/reset": {
- "type": "string | number\n",
- "description": "Reset the default values up the nested chain by {n} amount"
- },
- "v-defaults-provider/scoped": {
- "type": "boolean\n",
- "description": "Prevents the ability for default values to be inherited from parent components"
- },
- "v-defaults-provider/defaults": {
- "type": "{\n global: Record<string, unknown>\n [string]: Record<string, unknown>\n}\n",
- "description": "Specify new default prop values for components. Keep in mind that this will be merged with previously defined values"
- },
- "v-dialog/model-value": {
- "type": "boolean\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-dialog/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-dialog/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-dialog/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-dialog/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-dialog/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-dialog/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-dialog/location": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-dialog/absolute": {
- "type": "boolean\n",
- "description": "Applies **position: absolute** to the content element."
- },
- "v-dialog/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-dialog/z-index": {
- "type": "string | number\n",
- "description": "The z-index used for the component"
- },
- "v-dialog/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-dialog/eager": {
- "type": "boolean\n",
- "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
- },
- "v-dialog/activator": {
- "type": "string | Element | ComponentPublicInstance\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-dialog/close-on-back": {
- "type": "boolean\n",
- "description": "Closes the overlay content when the browser's back button is pressed or `$router.back()` is called, cancelling the original navigation. `persistent` overlays will cancel navigation and animate as if they were clicked outside instead of closing."
- },
- "v-dialog/contained": {
- "type": "boolean\n",
- "description": "Limits the size of the component and scrim to its offset parent. Implies `absolute` and `attach`. (Note: The parent element must have position: relative.)"
- },
- "v-dialog/content-class": {
- "type": "any\n",
- "description": "Applies a custom class to the detached element. This is useful because the content is moved to the beginning of the `v-app` component (unless the **attach** prop is provided) and is not targetable by classes passed directly on the component"
- },
- "v-dialog/content-props": {
- "type": "any\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay.json))"
- },
- "v-dialog/no-click-animation": {
- "type": "boolean\n",
- "description": "Disables the bounce effect when clicking outside of a `v-dialog`'s content when using the **persistent** prop."
- },
- "v-dialog/persistent": {
- "type": "boolean\n",
- "description": "Clicking outside of the element or pressing **esc** key will not deactivate it."
- },
- "v-dialog/scrim": {
- "type": "string | boolean\n",
- "description": "Accepts true/false to enable background, and string to define color."
- },
- "v-dialog/activator-props": {
- "type": "{}\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-dialog/open-on-click": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-dialog/open-on-hover": {
- "type": "boolean\n",
- "description": "Designates whether component should activate when its activator is hovered."
- },
- "v-dialog/open-on-focus": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-dialog/close-on-content-click": {
- "type": "boolean\n",
- "description": "Closes component when you click on its content"
- },
- "v-dialog/close-delay": {
- "type": "string | number\n",
- "description": "Milliseconds to wait before closing component. Only applies to hover and focus events."
- },
- "v-dialog/open-delay": {
- "type": "string | number\n",
- "description": "Milliseconds to wait before opening component. Only applies to hover and focus events."
- },
- "v-dialog/location-strategy": {
- "type": "'static' | 'connected' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/locationStrategies.ts#L36-L40\" target=\"_blank\">LocationStrategyFn</a>\n",
- "description": "A function used to specifies how the component should position relative to its activator"
- },
- "v-dialog/origin": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a> | 'auto' | 'overlap'\n",
- "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
- },
- "v-dialog/offset": {
- "type": "string | number | number[]\n",
- "description": "A single value that offsets content away from the target based upon what side it is on"
- },
- "v-dialog/scroll-strategy": {
- "type": "'close' | 'block' | 'none' | 'reposition' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/scrollStrategies.ts#L17-L17\" target=\"_blank\">ScrollStrategyFn</a>\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-scroll-strategies.json))"
- },
- "v-dialog/transition": {
- "type": "string | { component: Component }\n",
- "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
- },
- "v-dialog/attach": {
- "type": "string | boolean | Element\n",
- "description": "Specifies which DOM element the overlay content should teleport to. Can be a direct element reference, querySelector string, or `true` to disable teleporting. Uses `body` by default."
- },
- "v-dialog/fullscreen": {
- "type": "boolean\n",
- "description": "Changes layout for fullscreen display."
- },
- "v-dialog/retain-focus": {
- "type": "boolean\n",
- "description": "Tab focus will return to the first child of the dialog by default. Disable this when using external tools that require focus such as TinyMCE or vue-clipboard."
- },
- "v-dialog/scrollable": {
- "type": "boolean\n",
- "description": "When set to true, expects a `v-card` and a `v-card-text` component with a designated height. For more information, check out the [scrollable example](/components/dialogs#scrollable)."
- },
- "v-dialog-bottom-transition/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-dialog-bottom-transition/origin": {
- "type": "string\n",
- "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
- },
- "v-dialog-bottom-transition/mode": {
- "type": "string\n",
- "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
- },
- "v-dialog-bottom-transition/group": {
- "type": "boolean\n",
- "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
- },
- "v-dialog-bottom-transition/hide-on-leave": {
- "type": "boolean\n",
- "description": "Hides the leaving element (no exit animation)"
- },
- "v-dialog-bottom-transition/leave-absolute": {
- "type": "boolean\n",
- "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
- },
- "v-dialog-top-transition/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-dialog-top-transition/origin": {
- "type": "string\n",
- "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
- },
- "v-dialog-top-transition/mode": {
- "type": "string\n",
- "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
- },
- "v-dialog-top-transition/group": {
- "type": "boolean\n",
- "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
- },
- "v-dialog-top-transition/hide-on-leave": {
- "type": "boolean\n",
- "description": "Hides the leaving element (no exit animation)"
- },
- "v-dialog-top-transition/leave-absolute": {
- "type": "boolean\n",
- "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
- },
- "v-dialog-transition/target": {
- "type": "HTMLElement\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-dialog-transition.json))"
- },
- "v-divider/length": {
- "type": "string | number\n",
- "description": "Sets the dividers length. Default unit is px."
- },
- "v-divider/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-divider/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-divider/vertical": {
- "type": "boolean\n",
- "description": "Displays dividers vertically."
- },
- "v-divider/inset": {
- "type": "boolean\n",
- "description": "Adds indentation (72px) for **normal** dividers, reduces max height for **vertical**."
- },
- "v-divider/thickness": {
- "type": "string | number\n",
- "description": "Sets the dividers thickness. Default unit is px."
- },
- "v-expand-transition/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-expand-transition/mode": {
- "type": "'default' | 'in-out' | 'out-in'\n",
- "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
- },
- "v-expand-x-transition/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-expand-x-transition/mode": {
- "type": "'default' | 'in-out' | 'out-in'\n",
- "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
- },
- "v-expansion-panel/title": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-expansion-panel.json))"
- },
- "v-expansion-panel/text": {
- "type": "string\n",
- "description": "Specify content text for the component."
- },
- "v-expansion-panel/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-expansion-panel/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-expansion-panel/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-expansion-panel/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-expansion-panel/value": {
- "type": "any\n",
- "description": "Controls the opened/closed state of content"
- },
- "v-expansion-panel/ripple": {
- "type": "boolean | { class: string }\n",
- "description": "Applies the [v-ripple](/directives/ripple) directive."
- },
- "v-expansion-panel/disabled": {
- "type": "boolean\n",
- "description": "Disables the expansion-panel content"
- },
- "v-expansion-panel/selected-class": {
- "type": "string\n",
- "description": "Configure the active CSS class applied when an item is selected."
- },
- "v-expansion-panel/eager": {
- "type": "boolean\n",
- "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
- },
- "v-expansion-panel/readonly": {
- "type": "boolean\n",
- "description": "Makes the expansion-panel content read only."
- },
- "v-expansion-panel/bg-color": {
- "type": "string\n",
- "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-expansion-panel/hide-actions": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-expansion-panel-title.json))"
- },
- "v-expansion-panel/expand-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-expansion-panel-title.json))"
- },
- "v-expansion-panel/collapse-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-expansion-panel-title.json))"
- },
- "v-expansion-panel-text/eager": {
- "type": "boolean\n",
- "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
- },
- "v-expansion-panel-title/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-expansion-panel-title/ripple": {
- "type": "boolean | { class: string }\n",
- "description": "Applies the [v-ripple](/directives/ripple) directive."
- },
- "v-expansion-panel-title/readonly": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-expansion-panel-title.json))"
- },
- "v-expansion-panel-title/hide-actions": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-expansion-panel-title.json))"
- },
- "v-expansion-panel-title/expand-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-expansion-panel-title.json))"
- },
- "v-expansion-panel-title/collapse-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-expansion-panel-title.json))"
- },
- "v-expansion-panels/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-expansion-panels/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-expansion-panels/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-expansion-panels/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-expansion-panels/variant": {
- "type": "'default' | 'inset' | 'accordion' | 'popout'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-expansion-panels/disabled": {
- "type": "boolean\n",
- "description": "Puts all children components into a disabled state"
- },
- "v-expansion-panels/selected-class": {
- "type": "string\n",
- "description": "Configure the active CSS class applied when an item is selected."
- },
- "v-expansion-panels/multiple": {
- "type": "boolean\n",
- "description": "Allows one to select mulitple items."
- },
- "v-expansion-panels/readonly": {
- "type": "boolean\n",
- "description": "Makes the entire expansion-panel read only."
- },
- "v-expansion-panels/max": {
- "type": "number\n",
- "description": "Sets a maximum number of selections that can be made."
- },
- "v-expansion-panels/mandatory": {
- "type": "boolean | 'force'\n",
- "description": "Forces at least one item to always be selected (if available)."
- },
- "v-fab-transition/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-fab-transition/origin": {
- "type": "string\n",
- "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
- },
- "v-fab-transition/mode": {
- "type": "string\n",
- "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
- },
- "v-fab-transition/group": {
- "type": "boolean\n",
- "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
- },
- "v-fab-transition/hide-on-leave": {
- "type": "boolean\n",
- "description": "Hides the leaving element (no exit animation)"
- },
- "v-fab-transition/leave-absolute": {
- "type": "boolean\n",
- "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
- },
- "v-fade-transition/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-fade-transition/origin": {
- "type": "string\n",
- "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
- },
- "v-fade-transition/mode": {
- "type": "string\n",
- "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
- },
- "v-fade-transition/group": {
- "type": "boolean\n",
- "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
- },
- "v-fade-transition/hide-on-leave": {
- "type": "boolean\n",
- "description": "Hides the leaving element (no exit animation)"
- },
- "v-fade-transition/leave-absolute": {
- "type": "boolean\n",
- "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
- },
- "v-field/flat": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-field/model-value": {
- "type": "unknown\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-field/error": {
- "type": "boolean\n",
- "description": "Puts the input in a manual error state"
- },
- "v-field/reverse": {
- "type": "boolean\n",
- "description": "Reverses the orientation "
- },
- "v-field/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-field/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-field/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-field/variant": {
- "type": " | 'outlined'\n | 'plain'\n | 'underlined'\n | 'filled'\n | 'solo'\n | 'solo-inverted'\n | 'solo-filled'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-field/id": {
- "type": "string\n",
- "description": "Sets the DOM id on the component"
- },
- "v-field/active": {
- "type": "boolean\n",
- "description": "Controls the **active** state of the item. This is typically used to highlight the component"
- },
- "v-field/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the input"
- },
- "v-field/loading": {
- "type": "string | boolean\n",
- "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color"
- },
- "v-field/label": {
- "type": "string\n",
- "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component"
- },
- "v-field/center-affix": {
- "type": "boolean\n",
- "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center"
- },
- "v-field/focused": {
- "type": "boolean\n",
- "description": "Forces a focused state styling on the component."
- },
- "v-field/append-inner-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component in the **append-inner** slot"
- },
- "v-field/bg-color": {
- "type": "string\n",
- "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-field/clearable": {
- "type": "boolean\n",
- "description": "Allows for the component to be cleared"
- },
- "v-field/clear-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The icon used when the **clerable** prop is set to true"
- },
- "v-field/base-color": {
- "type": "string\n",
- "description": "Sets the color of the input when it is not focused"
- },
- "v-field/dirty": {
- "type": "boolean\n",
- "description": "Manually apply the dirty state styling"
- },
- "v-field/persistent-clear": {
- "type": "boolean\n",
- "description": "Always show the clearable icon when the input is dirty (By default it only shows on hover)"
- },
- "v-field/prepend-inner-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend-inner** slot"
- },
- "v-field/single-line": {
- "type": "boolean\n",
- "description": "Label does not move on focus/dirty"
- },
- "v-field-label/floating": {
- "type": "boolean\n",
- "description": "Elevates the label above the slotted content."
- },
- "v-file-input/flat": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-file-input/model-value": {
- "type": "File[]\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-file-input/error": {
- "type": "boolean\n",
- "description": "Puts the input in a manual error state"
- },
- "v-file-input/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-file-input/reverse": {
- "type": "boolean\n",
- "description": "Reverses the orientation "
- },
- "v-file-input/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-file-input/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-file-input/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-file-input/variant": {
- "type": " | 'outlined'\n | 'plain'\n | 'underlined'\n | 'filled'\n | 'solo'\n | 'solo-inverted'\n | 'solo-filled'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-file-input/name": {
- "type": "string\n",
- "description": "Sets the component's name attribute."
- },
- "v-file-input/id": {
- "type": "string\n",
- "description": "Sets the DOM id on the component"
- },
- "v-file-input/active": {
- "type": "boolean\n",
- "description": "Controls the **active** state of the item. This is typically used to highlight the component"
- },
- "v-file-input/prepend-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
- },
- "v-file-input/append-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
- },
- "v-file-input/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the input"
- },
- "v-file-input/loading": {
- "type": "string | boolean\n",
- "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color"
- },
- "v-file-input/label": {
- "type": "string\n",
- "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component"
- },
- "v-file-input/chips": {
- "type": "boolean\n",
- "description": "Changes display of selections to chips"
- },
- "v-file-input/multiple": {
- "type": "boolean\n",
- "description": "Adds the **multiple** attribute to the input, allowing multiple file selections."
- },
- "v-file-input/center-affix": {
- "type": "boolean\n",
- "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center"
- },
- "v-file-input/hint": {
- "type": "string\n",
- "description": "Displays hint text below the input when focused. Force this always open with the [persistent-hint](#props-persistent-hint) property"
- },
- "v-file-input/persistent-hint": {
- "type": "boolean\n",
- "description": "Forces [hint](#props-hint) to always be visible"
- },
- "v-file-input/messages": {
- "type": "string | string[]\n",
- "description": "Displays a list of messages or a single message if using a string"
- },
- "v-file-input/direction": {
- "type": "'horizontal' | 'vertical'\n",
- "description": "Changes the direction of the input"
- },
- "v-file-input/error-messages": {
- "type": "string | string[]\n",
- "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation"
- },
- "v-file-input/max-errors": {
- "type": "string | number\n",
- "description": "Control the maximum number of shown errors from validation."
- },
- "v-file-input/readonly": {
- "type": "boolean\n",
- "description": "Puts input in readonly state"
- },
- "v-file-input/rules": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L16-L20\" target=\"_blank\">ValidationRule</a>[]\n",
- "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
- },
- "v-file-input/validate-on": {
- "type": " | 'lazy'\n | 'blur'\n | 'input'\n | 'submit'\n | 'blur lazy'\n | 'input lazy'\n | 'submit lazy'\n | 'lazy blur'\n | 'lazy input'\n | 'lazy submit'\n",
- "description": "Change what type of event triggers validation to run."
- },
- "v-file-input/validation-value": {
- "type": "any\n",
- "description": "The value used when applying validation rules."
- },
- "v-file-input/focused": {
- "type": "boolean\n",
- "description": "Forces a focused state styling on the component."
- },
- "v-file-input/hide-details": {
- "type": "boolean | 'auto'\n",
- "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display"
- },
- "v-file-input/append-inner-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component in the **append-inner** slot"
- },
- "v-file-input/bg-color": {
- "type": "string\n",
- "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-file-input/clearable": {
- "type": "boolean\n",
- "description": "Allows for the component to be cleared"
- },
- "v-file-input/clear-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The icon used when the **clerable** prop is set to true"
- },
- "v-file-input/base-color": {
- "type": "string\n",
- "description": "Sets the color of the input when it is not focused"
- },
- "v-file-input/dirty": {
- "type": "boolean\n",
- "description": "Manually apply the dirty state styling"
- },
- "v-file-input/persistent-clear": {
- "type": "boolean\n",
- "description": "Always show the clearable icon when the input is dirty (By default it only shows on hover)"
- },
- "v-file-input/prepend-inner-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend-inner** slot"
- },
- "v-file-input/single-line": {
- "type": "boolean\n",
- "description": "Label does not move on focus/dirty"
- },
- "v-file-input/counter": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-file-input.json))"
- },
- "v-file-input/counter-size-string": {
- "type": "string\n",
- "description": "The text displayed when using the **counter** and **show-size** props. Can also be customized globally on the [internationalization page](/customization/internationalization)."
- },
- "v-file-input/counter-string": {
- "type": "string\n",
- "description": "The text displayed when using the **counter** prop. Can also be customized globally on the [internationalization page](/customization/internationalization)."
- },
- "v-file-input/show-size": {
- "type": "boolean | 1000 | 1024\n",
- "description": "Sets the displayed size of selected file(s). When using **true** will default to _1000_ displaying (**kB, MB, GB**) while _1024_ will display (**KiB, MiB, GiB**)."
- },
- "v-footer/border": {
- "type": "string | number | boolean\n",
- "description": "Applies border styles to component."
- },
- "v-footer/height": {
- "type": "string | number\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-footer.json))"
- },
- "v-footer/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-footer/absolute": {
- "type": "boolean\n",
- "description": "Applies **position: absolute** to the component."
- },
- "v-footer/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-footer/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-footer/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-footer/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-footer/name": {
- "type": "string\n",
- "description": "Assign a specific name for layout registration."
- },
- "v-footer/order": {
- "type": "string | number\n",
- "description": "Adjust the order of the component in relation to its registration order."
- },
- "v-footer/app": {
- "type": "boolean\n",
- "description": "Determines the position of the footer. If true, the footer would be given a fixed position at the bottom of the viewport. If false, the footer is set to the bottom of the page"
- },
- "v-form/model-value": {
- "type": "boolean\n",
- "description": "The value representing the validity of the form. If the value is `null` then no validation has taken place yet, or the form has been reset. Otherwise the value will be a `boolean` that indicates if validation has passed or not."
- },
- "v-form/disabled": {
- "type": "boolean\n",
- "description": "Puts all children inputs into a disabled state"
- },
- "v-form/readonly": {
- "type": "boolean\n",
- "description": "Puts all children inputs into a readonly state."
- },
- "v-form/validate-on": {
- "type": " | 'lazy'\n | 'blur'\n | 'input'\n | 'submit'\n | 'blur lazy'\n | 'input lazy'\n | 'submit lazy'\n | 'lazy blur'\n | 'lazy input'\n | 'lazy submit'\n",
- "description": "Changes the events in which validation occurs."
- },
- "v-form/fast-fail": {
- "type": "boolean\n",
- "description": "Stop validation as soon as any rules fail."
- },
- "v-hover/model-value": {
- "type": "boolean\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-hover/disabled": {
- "type": "boolean\n",
- "description": "Removes hover functionality"
- },
- "v-hover/close-delay": {
- "type": "string | number\n",
- "description": "Milliseconds to wait before closing component. Only applies to hover and focus events."
- },
- "v-hover/open-delay": {
- "type": "string | number\n",
- "description": "Milliseconds to wait before opening component. Only applies to hover and focus events."
- },
- "v-icon/end": {
- "type": "boolean\n",
- "description": "Applies margin at the start of the component."
- },
- "v-icon/start": {
- "type": "boolean\n",
- "description": "Applies margin at the end of the component."
- },
- "v-icon/icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
- },
- "v-icon/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-icon/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-icon/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-icon/size": {
- "type": "string | number\n",
- "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**."
- },
- "v-img/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-img/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-img/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-img/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-img/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-img/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-img/eager": {
- "type": "boolean\n",
- "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
- },
- "v-img/content-class": {
- "type": "string\n",
- "description": "Apply a custom class to the internal content element."
- },
- "v-img/transition": {
- "type": "string\n",
- "description": "The transition to use when switching from `lazy-src` to `src`. Can be one of the [built in](/styles/transitions/) or custom transition."
- },
- "v-img/options": {
- "type": "{ root: any; rootMargin: any; threshold: any }\n",
- "description": "Options that are passed to the [Intersection observer](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) constructor."
- },
- "v-img/inline": {
- "type": "boolean\n",
- "description": "Display as an inline element instead of a block, also disables flex-grow."
- },
- "v-img/alt": {
- "type": "string\n",
- "description": "Alternate text for screen readers. Leave empty for decorative images."
- },
- "v-img/cover": {
- "type": "boolean\n",
- "description": "Resizes the background image to cover the entire container."
- },
- "v-img/gradient": {
- "type": "string\n",
- "description": "The gradient to apply to the image. This can be any valid CSS gradient declaration. You can find more information on the [MDN documentation for gradients](https://developer.mozilla.org/en-US/docs/Web/CSS/gradient)."
- },
- "v-img/lazy-src": {
- "type": "string\n",
- "description": "Something to show while waiting for the main image to load, typically a small base64-encoded thumbnail. Has a slight blur filter applied.\n\nUse [vuetify-loader](https://github.com/vuetifyjs/vuetify-loader) to generate automatically. NOTE: This prop has no effect unless either `height` or `aspect-ratio` are provided."
- },
- "v-img/sizes": {
- "type": "string\n",
- "description": "For use with `srcset`, see [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-sizes)."
- },
- "v-img/src": {
- "type": " | string\n | { src: string; srcset: string; lazySrc: string; aspect: number }\n",
- "description": "The image URL. This prop is mandatory."
- },
- "v-img/srcset": {
- "type": "string\n",
- "description": "A set of alternate images to use based on device size. [Read more...](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-srcset)."
- },
- "v-img/aspect-ratio": {
- "type": "string | number\n",
- "description": "Calculated as `width/height`, so for a 1920x1080px image this will be `1.7778`. Will be calculated automatically if omitted."
- },
- "v-infinite-scroll/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-infinite-scroll/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-infinite-scroll/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-infinite-scroll/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-infinite-scroll/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-infinite-scroll/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-infinite-scroll/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-infinite-scroll/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-infinite-scroll/direction": {
- "type": "'horizontal' | 'vertical'\n",
- "description": "Specifies if scroller is **vertical** or **horizontal**."
- },
- "v-infinite-scroll/mode": {
- "type": "'intersect' | 'manual'\n",
- "description": "Specifies if content should load automatically when scrolling (**intersect**) or manually (**manual**)."
- },
- "v-infinite-scroll/side": {
- "type": "'end' | 'start' | 'both'\n",
- "description": "Specifies the side where new content should appear. Either the **start**, **end**, or **both** sides."
- },
- "v-infinite-scroll/margin": {
- "type": "string | number\n",
- "description": "Value sent to the intersection observer. Will make the observer trigger earlier, by the margin (px) value supplied."
- },
- "v-infinite-scroll/load-more-text": {
- "type": "string\n",
- "description": "Text shown in default load more button, when in manual mode."
- },
- "v-infinite-scroll/empty-text": {
- "type": "string\n",
- "description": "Text shown when there is no more content to load."
- },
- "v-input/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-input/error": {
- "type": "boolean\n",
- "description": "Puts the input in a manual error state"
- },
- "v-input/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-input/name": {
- "type": "string\n",
- "description": "Sets the component's name attribute."
- },
- "v-input/id": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-input/prepend-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
- },
- "v-input/append-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
- },
- "v-input/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-input/label": {
- "type": "string\n",
- "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component"
- },
- "v-input/center-affix": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-input/hint": {
- "type": "string\n",
- "description": "Displays hint text below the input when focused. Force this always open with the [persistent-hint](#props-persistent-hint) property"
- },
- "v-input/persistent-hint": {
- "type": "boolean\n",
- "description": "Forces [hint](#props-hint) to always be visible"
- },
- "v-input/messages": {
- "type": "string | string[]\n",
- "description": "Displays a list of messages or a single message if using a string"
- },
- "v-input/direction": {
- "type": "'horizontal' | 'vertical'\n",
- "description": "Changes the direction of the input"
- },
- "v-input/error-messages": {
- "type": "string | string[]\n",
- "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation"
- },
- "v-input/max-errors": {
- "type": "string | number\n",
- "description": "Control the maximum number of shown errors from validation."
- },
- "v-input/readonly": {
- "type": "boolean\n",
- "description": "Puts input in readonly state"
- },
- "v-input/rules": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L16-L20\" target=\"_blank\">ValidationRule</a>[]\n",
- "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
- },
- "v-input/validate-on": {
- "type": " | 'lazy'\n | 'blur'\n | 'input'\n | 'submit'\n | 'blur lazy'\n | 'input lazy'\n | 'submit lazy'\n | 'lazy blur'\n | 'lazy input'\n | 'lazy submit'\n",
- "description": "Change what type of event triggers validation to run."
- },
- "v-input/validation-value": {
- "type": "any\n",
- "description": "The value used when applying validation rules."
- },
- "v-input/focused": {
- "type": "boolean\n",
- "description": "Forces a focused state styling on the component."
- },
- "v-input/hide-details": {
- "type": "boolean | 'auto'\n",
- "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display"
- },
- "v-item/value": {
- "type": "any\n",
- "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
- },
- "v-item/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-item/selected-class": {
- "type": "string\n",
- "description": "Configure the active CSS class applied when an item is selected."
- },
- "v-item-group/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-item-group/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-item-group/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-item-group/disabled": {
- "type": "boolean\n",
- "description": "Puts all children components into a disabled state"
- },
- "v-item-group/selected-class": {
- "type": "string\n",
- "description": "Configure the selected CSS class. This class will be available in `v-item` default scoped slot."
- },
- "v-item-group/multiple": {
- "type": "boolean\n",
- "description": "Allows one to select mulitple items."
- },
- "v-item-group/max": {
- "type": "number\n",
- "description": "Sets a maximum number of selections that can be made."
- },
- "v-item-group/mandatory": {
- "type": "boolean | 'force'\n",
- "description": "Forces at least one item to always be selected (if available)."
- },
- "v-kbd/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element"
- },
- "v-label/text": {
- "type": "string\n",
- "description": "Specify content text for the component."
- },
- "v-label/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-label/clickable": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-label.json))"
- },
- "v-layout/full-height": {
- "type": "boolean\n",
- "description": "Sets the component height to 100%"
- },
- "v-layout/overlaps": {
- "type": "string[]\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/layout.json))"
- },
- "v-layout-item/model-value": {
- "type": "boolean\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-layout-item/position": {
- "type": "'top' | 'bottom' | 'left' | 'right'\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-layout-item.json))"
- },
- "v-layout-item/absolute": {
- "type": "boolean\n",
- "description": "Applies **position: absolute** to the component."
- },
- "v-layout-item/name": {
- "type": "string\n",
- "description": "Assign a specific name for layout registration."
- },
- "v-layout-item/size": {
- "type": "string | number\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-layout-item.json))"
- },
- "v-layout-item/order": {
- "type": "string | number\n",
- "description": "Adjust the order of the component in relation to its registration order."
- },
- "v-lazy/model-value": {
- "type": "boolean\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-lazy/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-lazy/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-lazy/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-lazy/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-lazy/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-lazy/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-lazy/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-lazy/transition": {
- "type": "string\n",
- "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
- },
- "v-lazy/options": {
- "type": "{ root: any; rootMargin: any; threshold: any }\n",
- "description": "Options that are passed to the [Intersection observer](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) constructor."
- },
- "v-ligature-icon/icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
- },
- "v-ligature-icon/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element"
- },
- "v-list/border": {
- "type": "string | number | boolean\n",
- "description": "Applies border styles to component."
- },
- "v-list/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-list/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-list/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-list/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-list/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-list/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-list/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-list/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-list/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-list/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-list/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-list/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-list/variant": {
- "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-list/items": {
- "type": "unknown[]\n",
- "description": "An array of strings or objects used for automatically generating children components"
- },
- "v-list/disabled": {
- "type": "boolean\n",
- "description": "Puts all children inputs into a disabled state"
- },
- "v-list/item-title": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "Property on supplied `items` that contains its title"
- },
- "v-list/item-value": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "Property on supplied `items` that contains its value"
- },
- "v-list/item-children": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "Property on supplied `items` that contains its children"
- },
- "v-list/item-props": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "Props object that will be applied to each item component. `true` will treat the original object as raw props and pass it directly to the component."
- },
- "v-list/return-object": {
- "type": "boolean\n",
- "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**"
- },
- "v-list/bg-color": {
- "type": "string\n",
- "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-list/base-color": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-list/lines": {
- "type": "false | 'one' | 'two' | 'three'\n",
- "description": "Designates a **minimum-height** for all children `v-list-item` components. This prop uses [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp) and is not supported in all browsers."
- },
- "v-list/mandatory": {
- "type": "boolean\n",
- "description": "Forces at least one item to always be selected (if available)."
- },
- "v-list/active-class": {
- "type": "string\n",
- "description": "The class applied to the component when it is in an active state"
- },
- "v-list/active-color": {
- "type": "string\n",
- "description": "The applied color when the component is in an active state"
- },
- "v-list/selected": {
- "type": "unknown[]\n",
- "description": "An array containing the values of currently selected items. Can be two-way bound with `v-model:selected`."
- },
- "v-list/select-strategy": {
- "type": " | 'single-leaf'\n | 'leaf'\n | 'independent'\n | 'single-independent'\n | 'classic'\n | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/selectStrategies.ts#L5-L12\" target=\"_blank\">SelectStrategyFn</a>\n",
- "description": "Affects how items with children behave when selected.\n- **leaf:** Only leaf nodes (items without children) can be selected.\n- **independent:** All nodes can be selected whether they have children or not.\n- **classic:** Selecting a parent node will cause all children to be selected, parent nodes will be displayed as selected if all their descendants are selected. Only leaf nodes will be added to the model."
- },
- "v-list/nav": {
- "type": "boolean\n",
- "description": "An alternative styling that reduces `v-list-item` width and rounds the corners. Typically used with **[v-navigation-drawer](/components/navigation-drawers)**"
- },
- "v-list/open-strategy": {
- "type": " | 'multiple'\n | 'single'\n | 'list'\n | { open: <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/openStrategies.ts#L1-L8\" target=\"_blank\">OpenStrategyFn</a>; select: <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/openStrategies.ts#L10-L18\" target=\"_blank\">OpenSelectStrategyFn</a> }\n",
- "description": "Affects how items with children behave when expanded.\n- **multiple:** Any number of groups can be open at once.\n- **single:** Only one group at each level can be open, opening a group will cause others to close.\n- **list:** Multiple, but all other groups will close when an item is selected."
- },
- "v-list/opened": {
- "type": "unknown[]\n",
- "description": "An array containing the values of currently opened groups. Can be two-way bound with `v-model:opened`."
- },
- "v-list/item-type": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-list.json))"
- },
- "v-list-group/title": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-list-group.json))"
- },
- "v-list-group/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-list-group/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-list-group/value": {
- "type": "any\n",
- "description": "Expands / Collapse the list-group"
- },
- "v-list-group/prepend-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
- },
- "v-list-group/append-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
- },
- "v-list-group/base-color": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-list-group/active-color": {
- "type": "string\n",
- "description": "The applied color when the component is in an active state"
- },
- "v-list-group/fluid": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-list-group.json))"
- },
- "v-list-group/expand-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-list-group.json))"
- },
- "v-list-group/collapse-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-list-group.json))"
- },
- "v-list-group/subgroup": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-list-group.json))"
- },
- "v-list-img/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element"
- },
- "v-list-item/title": {
- "type": "string | number | boolean\n",
- "description": "Generates a `v-list-item-title` component with the supplied value"
- },
- "v-list-item/border": {
- "type": "string | number | boolean\n",
- "description": "Applies border styles to component."
- },
- "v-list-item/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-list-item/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-list-item/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-list-item/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-list-item/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-list-item/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-list-item/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-list-item/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-list-item/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-list-item/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-list-item/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-list-item/color": {
- "type": "string\n",
- "description": "Applies specified color to the control when in an **active** state or **input-value** is **true** - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-list-item/variant": {
- "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-list-item/value": {
- "type": "any\n",
- "description": "The value used for selection."
- },
- "v-list-item/active": {
- "type": "boolean\n",
- "description": "Controls the **active** state of the item. This is typically used to highlight the component"
- },
- "v-list-item/prepend-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content"
- },
- "v-list-item/append-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
- },
- "v-list-item/ripple": {
- "type": "boolean | { class: string }\n",
- "description": "Applies the [v-ripple](/directives/ripple) directive."
- },
- "v-list-item/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-list-item/href": {
- "type": "string\n",
- "description": "Designates the component as anchor and applies the **href** attribute."
- },
- "v-list-item/replace": {
- "type": "boolean\n",
- "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [**replace** prop](https://router.vuejs.org/api/#replace) on the vue-router documentation."
- },
- "v-list-item/exact": {
- "type": "boolean\n",
- "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
- },
- "v-list-item/to": {
- "type": "unknown\n",
- "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
- },
- "v-list-item/base-color": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-list-item/link": {
- "type": "boolean\n",
- "description": "Designates that the component is a link. This is automatic when using the href or to prop."
- },
- "v-list-item/lines": {
- "type": "'one' | 'two' | 'three'\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-list-item.json))"
- },
- "v-list-item/active-class": {
- "type": "string\n",
- "description": "The class applied to the component when it matches the current route. Find more information about the [active-class prop](https://router.vuejs.org/api/#active-class) on the [vue-router](https://router.vuejs.org/) documentation"
- },
- "v-list-item/active-color": {
- "type": "string\n",
- "description": "The applied color when the component is in an active state"
- },
- "v-list-item/subtitle": {
- "type": "string | number | boolean\n",
- "description": "Specify a subtitle text for the component."
- },
- "v-list-item/append-avatar": {
- "type": "string\n",
- "description": "Appends a [v-avatar](/components/avatars/) component after default content in the **append** slot"
- },
- "v-list-item/prepend-avatar": {
- "type": "string\n",
- "description": "Prepends a [v-avatar](/components/avatars/) component in the **prepend** slot before default content"
- },
- "v-list-item/nav": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-list-item.json))"
- },
- "v-list-item-action/end": {
- "type": "boolean\n",
- "description": "Applies margin at the start of the component."
- },
- "v-list-item-action/start": {
- "type": "boolean\n",
- "description": "Applies margin at the end of the component."
- },
- "v-list-item-action/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-list-item-media/end": {
- "type": "boolean\n",
- "description": "Applies margin at the start of the component."
- },
- "v-list-item-media/start": {
- "type": "boolean\n",
- "description": "Applies margin at the end of the component."
- },
- "v-list-item-media/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-list-item-subtitle/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element"
- },
- "v-list-item-title/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element"
- },
- "v-list-subheader/title": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-list-subheader.json))"
- },
- "v-list-subheader/sticky": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-list-subheader.json))"
- },
- "v-list-subheader/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-list-subheader/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-list-subheader/inset": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-list-subheader.json))"
- },
- "v-locale-provider/messages": {
- "type": "Record<string, any>\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-locale-provider.json))"
- },
- "v-locale-provider/locale": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-locale-provider.json))"
- },
- "v-locale-provider/fallback-locale": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-locale-provider.json))"
- },
- "v-locale-provider/rtl": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-locale-provider.json))"
- },
- "v-main/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-main/scrollable": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-main.json))"
- },
- "v-menu/model-value": {
- "type": "boolean\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-menu/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-menu/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-menu/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-menu/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-menu/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component. Use `auto` to use the activator width"
- },
- "v-menu/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-menu/location": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-menu/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-menu/z-index": {
- "type": "string | number\n",
- "description": "The z-index used for the component"
- },
- "v-menu/id": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-menu.json))"
- },
- "v-menu/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-menu/eager": {
- "type": "boolean\n",
- "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
- },
- "v-menu/activator": {
- "type": "string | Element | ComponentPublicInstance\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-menu/close-on-back": {
- "type": "boolean\n",
- "description": "Closes the overlay content when the browser's back button is pressed or `$router.back()` is called, cancelling the original navigation. `persistent` overlays will cancel navigation and animate as if they were clicked outside instead of closing."
- },
- "v-menu/contained": {
- "type": "boolean\n",
- "description": "Limits the size of the component and scrim to its offset parent. Implies `absolute` and `attach`. (Note: The parent element must have position: relative.)"
- },
- "v-menu/content-class": {
- "type": "any\n",
- "description": "Applies a custom class to the detached element. This is useful because the content is moved to the beginning of the `v-app` component (unless the **attach** prop is provided) and is not targetable by classes passed directly on the component"
- },
- "v-menu/content-props": {
- "type": "any\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay.json))"
- },
- "v-menu/no-click-animation": {
- "type": "boolean\n",
- "description": "Disables the bounce effect when clicking outside of the content element when using the persistent prop."
- },
- "v-menu/persistent": {
- "type": "boolean\n",
- "description": "Clicking outside of the element or pressing esc key will not deactivate it."
- },
- "v-menu/scrim": {
- "type": "string | boolean\n",
- "description": "Accepts true/false to enable background, and string to define color."
- },
- "v-menu/activator-props": {
- "type": "{}\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-menu/open-on-click": {
- "type": "boolean\n",
- "description": "Designates whether menu should open on activator click"
- },
- "v-menu/open-on-hover": {
- "type": "boolean\n",
- "description": "Designates whether menu should open on activator hover"
- },
- "v-menu/open-on-focus": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-menu/close-on-content-click": {
- "type": "boolean\n",
- "description": "Designates if menu should close when its content is clicked"
- },
- "v-menu/close-delay": {
- "type": "string | number\n",
- "description": "Milliseconds to wait before closing component. Only works with the **open-on-hover** prop"
- },
- "v-menu/open-delay": {
- "type": "string | number\n",
- "description": "Milliseconds to wait before opening component. Only works with the **open-on-hover** prop"
- },
- "v-menu/location-strategy": {
- "type": "'static' | 'connected' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/locationStrategies.ts#L36-L40\" target=\"_blank\">LocationStrategyFn</a>\n",
- "description": "A function used to specifies how the component should position relative to its activator"
- },
- "v-menu/origin": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a> | 'auto' | 'overlap'\n",
- "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
- },
- "v-menu/offset": {
- "type": "string | number | number[]\n",
- "description": "A single value that offsets content away from the target based upon what side it is on"
- },
- "v-menu/scroll-strategy": {
- "type": "'close' | 'block' | 'none' | 'reposition' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/scrollStrategies.ts#L17-L17\" target=\"_blank\">ScrollStrategyFn</a>\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-scroll-strategies.json))"
- },
- "v-menu/transition": {
- "type": "string | { component: Component }\n",
- "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
- },
- "v-menu/attach": {
- "type": "string | boolean | Element\n",
- "description": "Specifies which DOM element the overlay content should teleport to. Can be a direct element reference, querySelector string, or `true` to disable teleporting. Uses `body` by default. Generally not recommended except as a last resort: the default positioning algorithm should handle most scenarios better than is possible without teleporting, and you may have unexpected behavior if the menu ends up as child of its activator."
- },
- "v-messages/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-messages/active": {
- "type": "boolean\n",
- "description": "Determines whether the messages are visible or not"
- },
- "v-messages/transition": {
- "type": " | string\n | { component: Component; leaveAbsolute: boolean; group: boolean }\n",
- "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
- },
- "v-messages/messages": {
- "type": "string | string[]\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-messages.json))"
- },
- "v-navigation-drawer/border": {
- "type": "string | number | boolean\n",
- "description": "Applies border styles to component."
- },
- "v-navigation-drawer/model-value": {
- "type": "boolean\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-navigation-drawer/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component"
- },
- "v-navigation-drawer/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-navigation-drawer/location": {
- "type": "'top' | 'end' | 'bottom' | 'start' | 'left' | 'right'\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-navigation-drawer/absolute": {
- "type": "boolean\n",
- "description": "Applies **position: absolute** to the component."
- },
- "v-navigation-drawer/sticky": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-navigation-drawer.json))"
- },
- "v-navigation-drawer/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-navigation-drawer/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-navigation-drawer/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-navigation-drawer/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-navigation-drawer/name": {
- "type": "string\n",
- "description": "Assign a specific name for layout registration."
- },
- "v-navigation-drawer/image": {
- "type": "string\n",
- "description": "Apply a specific background image to the component."
- },
- "v-navigation-drawer/floating": {
- "type": "boolean\n",
- "description": "A floating drawer has no visible container (no border-right)"
- },
- "v-navigation-drawer/order": {
- "type": "string | number\n",
- "description": "Adjust the order of the component in relation to its registration order."
- },
- "v-navigation-drawer/scrim": {
- "type": "string | boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-navigation-drawer.json))"
- },
- "v-navigation-drawer/disable-resize-watcher": {
- "type": "boolean\n",
- "description": "Will automatically open/close drawer when resized depending if mobile or desktop."
- },
- "v-navigation-drawer/disable-route-watcher": {
- "type": "boolean\n",
- "description": "Disables opening of navigation drawer when route changes"
- },
- "v-navigation-drawer/expand-on-hover": {
- "type": "boolean\n",
- "description": "Collapses the drawer to a **mini-variant** until hovering with the mouse"
- },
- "v-navigation-drawer/permanent": {
- "type": "boolean\n",
- "description": "The drawer remains visible regardless of screen size"
- },
- "v-navigation-drawer/rail": {
- "type": "boolean\n",
- "description": "Sets the component width to the **rail-width** value."
- },
- "v-navigation-drawer/rail-width": {
- "type": "string | number\n",
- "description": "Sets the width for the component when `rail` is enabled."
- },
- "v-navigation-drawer/temporary": {
- "type": "boolean\n",
- "description": "A temporary drawer sits above its application and uses a scrim (overlay) to darken the background"
- },
- "v-navigation-drawer/touchless": {
- "type": "boolean\n",
- "description": "Disable mobile touch functionality"
- },
- "v-otp-input/length": {
- "type": "string | number\n",
- "description": "The OTP field's length"
- },
- "v-otp-input/type": {
- "type": "'number' | 'text' | 'password'\n",
- "description": "Supported types: `text`, `password`, `number`"
- },
- "v-otp-input/model-value": {
- "type": "string | number\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-otp-input/error": {
- "type": "boolean\n",
- "description": "Puts the input in a manual error state"
- },
- "v-otp-input/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-otp-input/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-otp-input/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-otp-input/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-otp-input/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-otp-input/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-otp-input/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-otp-input/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-otp-input/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-otp-input/variant": {
- "type": " | 'outlined'\n | 'plain'\n | 'underlined'\n | 'filled'\n | 'solo'\n | 'solo-inverted'\n | 'solo-filled'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-otp-input/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the input"
- },
- "v-otp-input/loading": {
- "type": "string | boolean\n",
- "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color"
- },
- "v-otp-input/label": {
- "type": "string\n",
- "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component"
- },
- "v-otp-input/autofocus": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-otp-input/placeholder": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-otp-input/focused": {
- "type": "boolean\n",
- "description": "Forces a focused state styling on the component."
- },
- "v-otp-input/bg-color": {
- "type": "string\n",
- "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-otp-input/base-color": {
- "type": "string\n",
- "description": "Sets the color of the input when it is not focused"
- },
- "v-otp-input/divider": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-otp-input/focus-all": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-overlay/model-value": {
- "type": "boolean\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-overlay/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-overlay/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-overlay/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-overlay/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-overlay/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-overlay/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-overlay/location": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-overlay/absolute": {
- "type": "boolean\n",
- "description": "Applies **position: absolute** to the content element."
- },
- "v-overlay/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-overlay/z-index": {
- "type": "string | number\n",
- "description": "The z-index used for the component"
- },
- "v-overlay/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-overlay/eager": {
- "type": "boolean\n",
- "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
- },
- "v-overlay/activator": {
- "type": "string | Element | ComponentPublicInstance\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-overlay/close-on-back": {
- "type": "boolean\n",
- "description": "Closes the overlay content when the browser's back button is pressed or `$router.back()` is called, cancelling the original navigation. `persistent` overlays will cancel navigation and animate as if they were clicked outside instead of closing."
- },
- "v-overlay/contained": {
- "type": "boolean\n",
- "description": "Limits the size of the component and scrim to its offset parent. Implies `absolute` and `attach`. (Note: The parent element must have position: relative.)"
- },
- "v-overlay/content-class": {
- "type": "any\n",
- "description": "Applies a custom class to the detached element. This is useful because the content is moved to the beginning of the `v-app` component (unless the **attach** prop is provided) and is not targetable by classes passed directly on the component"
- },
- "v-overlay/content-props": {
- "type": "any\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay.json))"
- },
- "v-overlay/no-click-animation": {
- "type": "boolean\n",
- "description": "Disables the bounce effect when clicking outside of the content element when using the persistent prop."
- },
- "v-overlay/persistent": {
- "type": "boolean\n",
- "description": "Clicking outside of the element or pressing esc key will not deactivate it."
- },
- "v-overlay/scrim": {
- "type": "string | boolean\n",
- "description": "Accepts true/false to enable background, and string to define color."
- },
- "v-overlay/activator-props": {
- "type": "{}\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-overlay/open-on-click": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-overlay/open-on-hover": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-overlay/open-on-focus": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-overlay/close-on-content-click": {
- "type": "boolean\n",
- "description": "Closes component when you click on its content"
- },
- "v-overlay/close-delay": {
- "type": "string | number\n",
- "description": "Milliseconds to wait before closing component. Only applies to hover and focus events."
- },
- "v-overlay/open-delay": {
- "type": "string | number\n",
- "description": "Milliseconds to wait before opening component. Only applies to hover and focus events."
- },
- "v-overlay/location-strategy": {
- "type": "'static' | 'connected' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/locationStrategies.ts#L36-L40\" target=\"_blank\">LocationStrategyFn</a>\n",
- "description": "A function used to specifies how the component should position relative to its activator"
- },
- "v-overlay/origin": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a> | 'auto' | 'overlap'\n",
- "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
- },
- "v-overlay/offset": {
- "type": "string | number | number[]\n",
- "description": "A single value that offsets content away from the target based upon what side it is on"
- },
- "v-overlay/scroll-strategy": {
- "type": "'close' | 'block' | 'none' | 'reposition' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/scrollStrategies.ts#L17-L17\" target=\"_blank\">ScrollStrategyFn</a>\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-scroll-strategies.json))"
- },
- "v-overlay/transition": {
- "type": "string\n",
- "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
- },
- "v-overlay/attach": {
- "type": "string | boolean | Element\n",
- "description": "Specifies which DOM element the overlay content should teleport to. Can be a direct element reference, querySelector string, or `true` to disable teleporting. Uses `body` by default."
- },
- "v-pagination/length": {
- "type": "string | number\n",
- "description": "The number of pages"
- },
- "v-pagination/border": {
- "type": "string | number | boolean\n",
- "description": "Applies border styles to component."
- },
- "v-pagination/start": {
- "type": "string | number\n",
- "description": "Specify the starting page"
- },
- "v-pagination/model-value": {
- "type": "number\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-pagination/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-pagination/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-pagination/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-pagination/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-pagination/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-pagination/color": {
- "type": "string\n",
- "description": "Applies specified color to the selected page button - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-pagination/variant": {
- "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-pagination/size": {
- "type": "string | number\n",
- "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**."
- },
- "v-pagination/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-pagination/active-color": {
- "type": "string\n",
- "description": "The applied color when the component is in an active state"
- },
- "v-pagination/next-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The icon to use for the next button"
- },
- "v-pagination/prev-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The icon to use for the prev button"
- },
- "v-pagination/first-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The icon to use for the first button"
- },
- "v-pagination/last-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The icon to use for the last button"
- },
- "v-pagination/aria-label": {
- "type": "string\n",
- "description": "Label for the root element"
- },
- "v-pagination/total-visible": {
- "type": "string | number\n",
- "description": "Specify the total visible pagination numbers"
- },
- "v-pagination/page-aria-label": {
- "type": "string\n",
- "description": "Label for each page button"
- },
- "v-pagination/current-page-aria-label": {
- "type": "string\n",
- "description": "Label for the currently selected page"
- },
- "v-pagination/first-aria-label": {
- "type": "string\n",
- "description": "Label for the go to first button"
- },
- "v-pagination/previous-aria-label": {
- "type": "string\n",
- "description": "Label for the previous button"
- },
- "v-pagination/next-aria-label": {
- "type": "string\n",
- "description": "Label for the next button"
- },
- "v-pagination/last-aria-label": {
- "type": "string\n",
- "description": "Label for the go to last button"
- },
- "v-pagination/ellipsis": {
- "type": "string\n",
- "description": "Text to show between page buttons when truncating the list"
- },
- "v-pagination/show-first-last-page": {
- "type": "boolean\n",
- "description": "Show buttons for going to first and last page"
- },
- "v-parallax/scale": {
- "type": "string | number\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-parallax.json))"
- },
- "v-picker/title": {
- "type": "string\n",
- "description": "Specify a title text for the component."
- },
- "v-picker/border": {
- "type": "string | number | boolean\n",
- "description": "Applies border styles to component."
- },
- "v-picker/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-picker/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-picker/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-picker/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-picker/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-picker/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-picker/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-picker/location": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
- "description": "Specifies the component's location. Can combine by using a space separated string"
- },
- "v-picker/position": {
- "type": "'static' | 'relative' | 'fixed' | 'absolute' | 'sticky'\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-picker/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-picker/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-picker/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-picker/landscape": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-picker-title/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element"
- },
- "v-progress-circular/model-value": {
- "type": "string | number\n",
- "description": "The percentage value for current progress"
- },
- "v-progress-circular/width": {
- "type": "string | number\n",
- "description": "Sets the stroke of the circle in pixels"
- },
- "v-progress-circular/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-progress-circular/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-progress-circular/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-progress-circular/size": {
- "type": "string | number\n",
- "description": "Sets the diameter of the circle in pixels"
- },
- "v-progress-circular/bg-color": {
- "type": "string\n",
- "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-progress-circular/indeterminate": {
- "type": "boolean | 'disable-shrink'\n",
- "description": "Constantly animates, use when loading progress is unknown. If set to the string `'disable-shrink'` it will use a simpler animation that does not run on the main thread."
- },
- "v-progress-circular/rotate": {
- "type": "string | number\n",
- "description": "Rotates the circle start point in degrees"
- },
- "v-progress-linear/model-value": {
- "type": "string | number\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-progress-linear/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component"
- },
- "v-progress-linear/reverse": {
- "type": "boolean\n",
- "description": "Displays reversed progress (right to left in LTR mode and left to right in RTL)"
- },
- "v-progress-linear/location": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
- "description": "Specifies the component's location. Can combine by using a space separated string"
- },
- "v-progress-linear/absolute": {
- "type": "boolean\n",
- "description": "Applies position: absolute to the component"
- },
- "v-progress-linear/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-progress-linear/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-progress-linear/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-progress-linear/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-progress-linear/active": {
- "type": "boolean\n",
- "description": "Reduce the height to 0, hiding component"
- },
- "v-progress-linear/bg-color": {
- "type": "string\n",
- "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-progress-linear/max": {
- "type": "string | number\n",
- "description": "Sets the maximum value the progress can reach"
- },
- "v-progress-linear/indeterminate": {
- "type": "boolean\n",
- "description": "Constantly animates, use when loading progress is unknown."
- },
- "v-progress-linear/clickable": {
- "type": "boolean\n",
- "description": "Clicking on the progress track will automatically set the value"
- },
- "v-progress-linear/bg-opacity": {
- "type": "string | number\n",
- "description": "Background opacity, if null it defaults to 0.3 if background color is not specified or 1 otherwise"
- },
- "v-progress-linear/buffer-value": {
- "type": "string | number\n",
- "description": "The percentage value for the buffer"
- },
- "v-progress-linear/stream": {
- "type": "boolean\n",
- "description": "An alternative style for portraying loading that works in tandem with **buffer-value**"
- },
- "v-progress-linear/striped": {
- "type": "boolean\n",
- "description": "Adds a stripe background to the filled portion of the progress component"
- },
- "v-progress-linear/rounded-bar": {
- "type": "boolean\n",
- "description": "Applies a border radius to the progress bar"
- },
- "v-radio/type": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-radio/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-radio/error": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-radio/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-radio/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-radio/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-radio/name": {
- "type": "string\n",
- "description": "Sets the component's name attribute."
- },
- "v-radio/value": {
- "type": "any\n",
- "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
- },
- "v-radio/id": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-radio/ripple": {
- "type": "boolean\n",
- "description": "Applies the [v-ripple](/directives/ripple) directive."
- },
- "v-radio/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-radio/label": {
- "type": "string\n",
- "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component"
- },
- "v-radio/multiple": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-radio/value-comparator": {
- "type": "(a: any, b: any) => boolean\n",
- "description": "Apply a custom comparison algorithm used for values"
- },
- "v-radio/readonly": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-radio/inline": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-radio/true-value": {
- "type": "any\n",
- "description": "Sets value for truthy state"
- },
- "v-radio/false-value": {
- "type": "any\n",
- "description": "Sets value for falsy state"
- },
- "v-radio/defaults-target": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-radio/false-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The icon used when inactive"
- },
- "v-radio/true-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The icon used when active"
- },
- "v-radio-group/type": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-radio-group.json))"
- },
- "v-radio-group/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-radio-group/error": {
- "type": "boolean\n",
- "description": "Puts the input in a manual error state"
- },
- "v-radio-group/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-radio-group/height": {
- "type": "string | number\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-radio-group.json))"
- },
- "v-radio-group/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-radio-group/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-radio-group/name": {
- "type": "string\n",
- "description": "Sets the component's name attribute."
- },
- "v-radio-group/id": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-radio-group/prepend-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
- },
- "v-radio-group/append-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
- },
- "v-radio-group/ripple": {
- "type": "boolean\n",
- "description": "Applies the [v-ripple](/directives/ripple) directive."
- },
- "v-radio-group/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-radio-group/label": {
- "type": "string\n",
- "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component"
- },
- "v-radio-group/value-comparator": {
- "type": "(a: any, b: any) => boolean\n",
- "description": "Apply a custom comparison algorithm used for values"
- },
- "v-radio-group/center-affix": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-radio-group/hint": {
- "type": "string\n",
- "description": "Displays hint text below the input when focused. Force this always open with the [persistent-hint](#props-persistent-hint) property"
- },
- "v-radio-group/persistent-hint": {
- "type": "boolean\n",
- "description": "Forces [hint](#props-hint) to always be visible"
- },
- "v-radio-group/messages": {
- "type": "string | string[]\n",
- "description": "Displays a list of messages or a single message if using a string"
- },
- "v-radio-group/direction": {
- "type": "'horizontal' | 'vertical'\n",
- "description": "Changes the direction of the input"
- },
- "v-radio-group/error-messages": {
- "type": "string | string[]\n",
- "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation"
- },
- "v-radio-group/max-errors": {
- "type": "string | number\n",
- "description": "Control the maximum number of shown errors from validation."
- },
- "v-radio-group/readonly": {
- "type": "boolean\n",
- "description": "Puts input in readonly state"
- },
- "v-radio-group/rules": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L16-L20\" target=\"_blank\">ValidationRule</a>[]\n",
- "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
- },
- "v-radio-group/validate-on": {
- "type": " | 'lazy'\n | 'blur'\n | 'input'\n | 'submit'\n | 'blur lazy'\n | 'input lazy'\n | 'submit lazy'\n | 'lazy blur'\n | 'lazy input'\n | 'lazy submit'\n",
- "description": "Change what type of event triggers validation to run."
- },
- "v-radio-group/validation-value": {
- "type": "any\n",
- "description": "The value used when applying validation rules."
- },
- "v-radio-group/focused": {
- "type": "boolean\n",
- "description": "Forces a focused state styling on the component."
- },
- "v-radio-group/hide-details": {
- "type": "boolean | 'auto'\n",
- "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display"
- },
- "v-radio-group/inline": {
- "type": "boolean\n",
- "description": "Displays radio buttons in row"
- },
- "v-radio-group/defaults-target": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-radio-group/false-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-radio-group.json))"
- },
- "v-radio-group/true-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-radio-group.json))"
- },
- "v-range-slider/model-value": {
- "type": "(string | number)[]\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-range-slider/error": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/slider.json))"
- },
- "v-range-slider/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-range-slider/reverse": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/slider.json))"
- },
- "v-range-slider/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-range-slider/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-range-slider/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-range-slider/name": {
- "type": "string\n",
- "description": "Sets the component's name attribute."
- },
- "v-range-slider/id": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-range-slider/prepend-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
- },
- "v-range-slider/append-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
- },
- "v-range-slider/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-range-slider/label": {
- "type": "string\n",
- "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component"
- },
- "v-range-slider/center-affix": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-range-slider/hint": {
- "type": "string\n",
- "description": "Displays hint text below the input when focused. Force this always open with the [persistent-hint](#props-persistent-hint) property"
- },
- "v-range-slider/persistent-hint": {
- "type": "boolean\n",
- "description": "Forces [hint](#props-hint) to always be visible"
- },
- "v-range-slider/messages": {
- "type": "string | string[]\n",
- "description": "Displays a list of messages or a single message if using a string"
- },
- "v-range-slider/direction": {
- "type": "'horizontal' | 'vertical'\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/slider.json))"
- },
- "v-range-slider/error-messages": {
- "type": "string | string[]\n",
- "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation"
- },
- "v-range-slider/max-errors": {
- "type": "string | number\n",
- "description": "Control the maximum number of shown errors from validation."
- },
- "v-range-slider/readonly": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/slider.json))"
- },
- "v-range-slider/rules": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L16-L20\" target=\"_blank\">ValidationRule</a>[]\n",
- "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
- },
- "v-range-slider/validate-on": {
- "type": " | 'lazy'\n | 'blur'\n | 'input'\n | 'submit'\n | 'blur lazy'\n | 'input lazy'\n | 'submit lazy'\n | 'lazy blur'\n | 'lazy input'\n | 'lazy submit'\n",
- "description": "Change what type of event triggers validation to run."
- },
- "v-range-slider/validation-value": {
- "type": "any\n",
- "description": "The value used when applying validation rules."
- },
- "v-range-slider/focused": {
- "type": "boolean\n",
- "description": "Forces a focused state styling on the component."
- },
- "v-range-slider/hide-details": {
- "type": "boolean | 'auto'\n",
- "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display"
- },
- "v-range-slider/max": {
- "type": "string | number\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/slider.json))"
- },
- "v-range-slider/min": {
- "type": "string | number\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/slider.json))"
- },
- "v-range-slider/step": {
- "type": "string | number\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/slider.json))"
- },
- "v-range-slider/thumb-color": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/slider.json))"
- },
- "v-range-slider/thumb-label": {
- "type": "boolean | 'always'\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/slider.json))"
- },
- "v-range-slider/thumb-size": {
- "type": "string | number\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/slider.json))"
- },
- "v-range-slider/show-ticks": {
- "type": "boolean | 'always'\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/slider.json))"
- },
- "v-range-slider/ticks": {
- "type": "number[] | Record<number, string>\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/slider.json))"
- },
- "v-range-slider/tick-size": {
- "type": "string | number\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/slider.json))"
- },
- "v-range-slider/track-color": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/slider.json))"
- },
- "v-range-slider/track-fill-color": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/slider.json))"
- },
- "v-range-slider/track-size": {
- "type": "string | number\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/slider.json))"
- },
- "v-range-slider/strict": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-range-slider.json))"
- },
- "v-rating/length": {
- "type": "string | number\n",
- "description": "The amount of items to show"
- },
- "v-rating/model-value": {
- "type": "string | number\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-rating/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-rating/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-rating/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-rating/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-rating/name": {
- "type": "string\n",
- "description": "Sets the component's name attribute."
- },
- "v-rating/size": {
- "type": "string | number\n",
- "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**."
- },
- "v-rating/ripple": {
- "type": "boolean\n",
- "description": "Applies the [v-ripple](/directives/ripple) directive."
- },
- "v-rating/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-rating/readonly": {
- "type": "boolean\n",
- "description": "Removes all hover effects and pointer events"
- },
- "v-rating/clearable": {
- "type": "boolean\n",
- "description": "Allows for the component to be cleared by clicking on the current value"
- },
- "v-rating/active-color": {
- "type": "string\n",
- "description": "The applied color when the component is in an active state"
- },
- "v-rating/hover": {
- "type": "boolean\n",
- "description": "Provides visual feedback when hovering over icons"
- },
- "v-rating/item-aria-label": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-rating.json))"
- },
- "v-rating/empty-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The icon displayed when empty"
- },
- "v-rating/full-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The icon displayed when full"
- },
- "v-rating/half-increments": {
- "type": "boolean\n",
- "description": "Allows the selection of half increments"
- },
- "v-rating/item-label-position": {
- "type": "string\n",
- "description": "Position of item labels. Accepts 'top' and 'bottom'."
- },
- "v-rating/item-labels": {
- "type": "string[]\n",
- "description": "Array of labels to display next to each item."
- },
- "v-responsive/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-responsive/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-responsive/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-responsive/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-responsive/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-responsive/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-responsive/content-class": {
- "type": "string\n",
- "description": "Apply a custom class to the internal content element."
- },
- "v-responsive/inline": {
- "type": "boolean\n",
- "description": "Display as an inline element instead of a block, also disables flex-grow."
- },
- "v-responsive/aspect-ratio": {
- "type": "string | number\n",
- "description": "Sets a base aspect ratio, calculated as width/height. This will only set a **minimum** height, the component can still grow if it has a lot of content"
- },
- "v-row/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-row/align": {
- "type": "'end' | 'start' | 'center' | 'baseline' | 'stretch'\n",
- "description": "Applies the [align-items](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) css property. Available options are: **start**, **center**, **end**, **baseline** and **stretch**."
- },
- "v-row/dense": {
- "type": "boolean\n",
- "description": "Reduces the gutter between `v-col`s."
- },
- "v-row/no-gutters": {
- "type": "boolean\n",
- "description": "Removes the gutter between `v-col`s."
- },
- "v-row/align-sm": {
- "type": "'end' | 'start' | 'center' | 'baseline' | 'stretch'\n",
- "description": "Changes the **align-items** property on small and greater breakpoints."
- },
- "v-row/align-md": {
- "type": "'end' | 'start' | 'center' | 'baseline' | 'stretch'\n",
- "description": "Changes the **align-items** property on medium and greater breakpoints."
- },
- "v-row/align-lg": {
- "type": "'end' | 'start' | 'center' | 'baseline' | 'stretch'\n",
- "description": "Changes the **align-items** property on large and greater breakpoints."
- },
- "v-row/align-xl": {
- "type": "'end' | 'start' | 'center' | 'baseline' | 'stretch'\n",
- "description": "Changes the **align-items** property on extra large and greater breakpoints."
- },
- "v-row/align-xxl": {
- "type": "'end' | 'start' | 'center' | 'baseline' | 'stretch'\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-row/justify-sm": {
- "type": " | 'end'\n | 'start'\n | 'center'\n | 'space-between'\n | 'space-around'\n | 'space-evenly'\n",
- "description": "Changes the **justify-content** property on small and greater breakpoints."
- },
- "v-row/justify-md": {
- "type": " | 'end'\n | 'start'\n | 'center'\n | 'space-between'\n | 'space-around'\n | 'space-evenly'\n",
- "description": "Changes the **justify-content** property on medium and greater breakpoints."
- },
- "v-row/justify-lg": {
- "type": " | 'end'\n | 'start'\n | 'center'\n | 'space-between'\n | 'space-around'\n | 'space-evenly'\n",
- "description": "Changes the **justify-content** property on large and greater breakpoints."
- },
- "v-row/justify-xl": {
- "type": " | 'end'\n | 'start'\n | 'center'\n | 'space-between'\n | 'space-around'\n | 'space-evenly'\n",
- "description": "Changes the **justify-content** property on extra large and greater breakpoints."
- },
- "v-row/justify-xxl": {
- "type": " | 'end'\n | 'start'\n | 'center'\n | 'space-between'\n | 'space-around'\n | 'space-evenly'\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-row/align-content-sm": {
- "type": " | 'end'\n | 'start'\n | 'center'\n | 'stretch'\n | 'space-between'\n | 'space-around'\n | 'space-evenly'\n",
- "description": "Changes the **align-content** property on small and greater breakpoints."
- },
- "v-row/align-content-md": {
- "type": " | 'end'\n | 'start'\n | 'center'\n | 'stretch'\n | 'space-between'\n | 'space-around'\n | 'space-evenly'\n",
- "description": "Changes the **align-content** property on medium and greater breakpoints."
- },
- "v-row/align-content-lg": {
- "type": " | 'end'\n | 'start'\n | 'center'\n | 'stretch'\n | 'space-between'\n | 'space-around'\n | 'space-evenly'\n",
- "description": "Changes the **align-content** property on large and greater breakpoints."
- },
- "v-row/align-content-xl": {
- "type": " | 'end'\n | 'start'\n | 'center'\n | 'stretch'\n | 'space-between'\n | 'space-around'\n | 'space-evenly'\n",
- "description": "Changes the **align-content** property on extra large and greater breakpoints."
- },
- "v-row/align-content-xxl": {
- "type": " | 'end'\n | 'start'\n | 'center'\n | 'stretch'\n | 'space-between'\n | 'space-around'\n | 'space-evenly'\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-row/justify": {
- "type": " | 'end'\n | 'start'\n | 'center'\n | 'stretch'\n | 'space-between'\n | 'space-around'\n | 'space-evenly'\n",
- "description": "Applies the [justify-content](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) css property. Available options are: **start**, **center**, **end**, **space-between** and **space-around**."
- },
- "v-row/align-content": {
- "type": " | 'end'\n | 'start'\n | 'center'\n | 'stretch'\n | 'space-between'\n | 'space-around'\n | 'space-evenly'\n",
- "description": "Applies the [align-content](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content) css property. Available options are: **start**, **center**, **end**, **space-between**, **space-around** and **stretch**."
- },
- "v-scale-transition/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-scale-transition/origin": {
- "type": "string\n",
- "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
- },
- "v-scale-transition/mode": {
- "type": "string\n",
- "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
- },
- "v-scale-transition/group": {
- "type": "boolean\n",
- "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
- },
- "v-scale-transition/hide-on-leave": {
- "type": "boolean\n",
- "description": "Hides the leaving element (no exit animation)"
- },
- "v-scale-transition/leave-absolute": {
- "type": "boolean\n",
- "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
- },
- "v-scroll-x-reverse-transition/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-scroll-x-reverse-transition/origin": {
- "type": "string\n",
- "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
- },
- "v-scroll-x-reverse-transition/mode": {
- "type": "string\n",
- "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
- },
- "v-scroll-x-reverse-transition/group": {
- "type": "boolean\n",
- "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
- },
- "v-scroll-x-reverse-transition/hide-on-leave": {
- "type": "boolean\n",
- "description": "Hides the leaving element (no exit animation)"
- },
- "v-scroll-x-reverse-transition/leave-absolute": {
- "type": "boolean\n",
- "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
- },
- "v-scroll-x-transition/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-scroll-x-transition/origin": {
- "type": "string\n",
- "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
- },
- "v-scroll-x-transition/mode": {
- "type": "string\n",
- "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
- },
- "v-scroll-x-transition/group": {
- "type": "boolean\n",
- "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
- },
- "v-scroll-x-transition/hide-on-leave": {
- "type": "boolean\n",
- "description": "Hides the leaving element (no exit animation)"
- },
- "v-scroll-x-transition/leave-absolute": {
- "type": "boolean\n",
- "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
- },
- "v-scroll-y-reverse-transition/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-scroll-y-reverse-transition/origin": {
- "type": "string\n",
- "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
- },
- "v-scroll-y-reverse-transition/mode": {
- "type": "string\n",
- "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
- },
- "v-scroll-y-reverse-transition/group": {
- "type": "boolean\n",
- "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
- },
- "v-scroll-y-reverse-transition/hide-on-leave": {
- "type": "boolean\n",
- "description": "Hides the leaving element (no exit animation)"
- },
- "v-scroll-y-reverse-transition/leave-absolute": {
- "type": "boolean\n",
- "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
- },
- "v-scroll-y-transition/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-scroll-y-transition/origin": {
- "type": "string\n",
- "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
- },
- "v-scroll-y-transition/mode": {
- "type": "string\n",
- "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
- },
- "v-scroll-y-transition/group": {
- "type": "boolean\n",
- "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
- },
- "v-scroll-y-transition/hide-on-leave": {
- "type": "boolean\n",
- "description": "Hides the leaving element (no exit animation)"
- },
- "v-scroll-y-transition/leave-absolute": {
- "type": "boolean\n",
- "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
- },
- "v-select/flat": {
- "type": "boolean\n",
- "description": "Removes elevation (shadow) added to element when using the **solo** or **solo-inverted** props"
- },
- "v-select/type": {
- "type": "string\n",
- "description": "Sets input type"
- },
- "v-select/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-select/error": {
- "type": "boolean\n",
- "description": "Puts the input in a manual error state"
- },
- "v-select/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-select/reverse": {
- "type": "boolean\n",
- "description": "Reverses the orientation "
- },
- "v-select/rounded": {
- "type": "string | number | boolean\n",
- "description": "Adds a border radius to the input"
- },
- "v-select/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-select/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-select/variant": {
- "type": " | 'outlined'\n | 'plain'\n | 'underlined'\n | 'filled'\n | 'solo'\n | 'solo-inverted'\n | 'solo-filled'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-select/name": {
- "type": "string\n",
- "description": "Sets the component's name attribute."
- },
- "v-select/id": {
- "type": "string\n",
- "description": "Sets the DOM id on the component"
- },
- "v-select/items": {
- "type": "any[]\n",
- "description": "Can be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the **item-title**, **item-value** and **item-disabled** props. Objects that have a **header** or **divider** property are considered special cases and generate a list header or divider; these items are not selectable."
- },
- "v-select/active": {
- "type": "boolean\n",
- "description": "Controls the **active** state of the item. This is typically used to highlight the component"
- },
- "v-select/prepend-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Prepends an icon to the outnside the component's input, uses the same syntax as `v-icon`"
- },
- "v-select/append-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
- },
- "v-select/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the input"
- },
- "v-select/loading": {
- "type": "string | boolean\n",
- "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color"
- },
- "v-select/label": {
- "type": "string\n",
- "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component"
- },
- "v-select/chips": {
- "type": "boolean\n",
- "description": "Changes display of selections to chips"
- },
- "v-select/closable-chips": {
- "type": "boolean\n",
- "description": "Enables the [closable](/api/v-chip/#props-closable) prop on all [v-chip](/components/chips/) components"
- },
- "v-select/eager": {
- "type": "boolean\n",
- "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
- },
- "v-select/hide-no-data": {
- "type": "boolean\n",
- "description": "Hides the menu when there are no options to show. Useful for preventing the menu from opening before results are fetched asynchronously. Also has the effect of opening the menu when the `items` array changes if not already open."
- },
- "v-select/hide-selected": {
- "type": "boolean\n",
- "description": "Do not display in the select menu items that are already selected"
- },
- "v-select/menu": {
- "type": "boolean\n",
- "description": "Renders with the menu open by default"
- },
- "v-select/menu-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Sets the the spin icon"
- },
- "v-select/menu-props": {
- "type": "unknown\n",
- "description": "Pass props through to the `v-menu` component. Accepts an object with anything from [/api/v-menu](/api/v-menu/#props), camelCase keys are recommended."
- },
- "v-select/transition": {
- "type": "string | { component: Component }\n",
- "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
- },
- "v-select/multiple": {
- "type": "boolean\n",
- "description": "Changes select to multiple. Accepts array for value"
- },
- "v-select/no-data-text": {
- "type": "string\n",
- "description": "Text shown when no items are provided to the component"
- },
- "v-select/open-on-clear": {
- "type": "boolean\n",
- "description": "When using the **clearable** prop, once cleared, the select menu will either open or stay open, depending on the current state"
- },
- "v-select/value-comparator": {
- "type": "(a: any, b: any) => boolean\n",
- "description": "Apply a custom comparison algorithm used for values"
- },
- "v-select/item-color": {
- "type": "string\n",
- "description": "Sets color of selected items"
- },
- "v-select/item-title": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "Property on supplied `items` that contains its title"
- },
- "v-select/item-value": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "Set property of **items**'s value - **must be primitive**. Dot notation is supported. **Note:** This is currently not supported with `v-combobox` [GitHub Issue](https://github.com/vuetifyjs/vuetify/issues/5479)"
- },
- "v-select/item-children": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "Property on supplied `items` that contains its children"
- },
- "v-select/item-props": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
- "description": "Props object that will be applied to each item component. `true` will treat the original object as raw props and pass it directly to the component."
- },
- "v-select/return-object": {
- "type": "boolean\n",
- "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**"
- },
- "v-select/autofocus": {
- "type": "boolean\n",
- "description": "Enables autofocus"
- },
- "v-select/prefix": {
- "type": "string\n",
- "description": "Displays prefix text"
- },
- "v-select/placeholder": {
- "type": "string\n",
- "description": "Sets the input’s placeholder text"
- },
- "v-select/persistent-placeholder": {
- "type": "boolean\n",
- "description": "Forces placeholder to always be visible"
- },
- "v-select/persistent-counter": {
- "type": "boolean\n",
- "description": "Forces counter to always be visible"
- },
- "v-select/suffix": {
- "type": "string\n",
- "description": "Displays suffix text"
- },
- "v-select/center-affix": {
- "type": "boolean\n",
- "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center"
- },
- "v-select/hint": {
- "type": "string\n",
- "description": "Displays hint text below the input when focused. Force this always open with the [persistent-hint](#props-persistent-hint) property"
- },
- "v-select/persistent-hint": {
- "type": "boolean\n",
- "description": "Forces [hint](#props-hint) to always be visible"
- },
- "v-select/messages": {
- "type": "string | string[]\n",
- "description": "Displays a list of messages or a single message if using a string"
- },
- "v-select/direction": {
- "type": "'horizontal' | 'vertical'\n",
- "description": "Changes the direction of the input"
- },
- "v-select/error-messages": {
- "type": "string | string[]\n",
- "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation"
- },
- "v-select/max-errors": {
- "type": "string | number\n",
- "description": "Control the maximum number of shown errors from validation."
- },
- "v-select/readonly": {
- "type": "boolean\n",
- "description": "Puts input in readonly state"
- },
- "v-select/rules": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L16-L20\" target=\"_blank\">ValidationRule</a>[]\n",
- "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
- },
- "v-select/validate-on": {
- "type": " | 'lazy'\n | 'blur'\n | 'input'\n | 'submit'\n | 'blur lazy'\n | 'input lazy'\n | 'submit lazy'\n | 'lazy blur'\n | 'lazy input'\n | 'lazy submit'\n",
- "description": "Change what type of event triggers validation to run."
- },
- "v-select/focused": {
- "type": "boolean\n",
- "description": "Forces a focused state styling on the component."
- },
- "v-select/hide-details": {
- "type": "boolean | 'auto'\n",
- "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display"
- },
- "v-select/bg-color": {
- "type": "string\n",
- "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-select/clearable": {
- "type": "boolean\n",
- "description": "Allows for the component to be cleared"
- },
- "v-select/clear-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The icon used when the **clerable** prop is set to true"
- },
- "v-select/base-color": {
- "type": "string\n",
- "description": "Sets the color of the input when it is not focused"
- },
- "v-select/persistent-clear": {
- "type": "boolean\n",
- "description": "Always show the clearable icon when the input is dirty (By default it only shows on hover)"
- },
- "v-select/prepend-inner-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend-inner** slot"
- },
- "v-select/single-line": {
- "type": "boolean\n",
- "description": "Label does not move on focus/dirty"
- },
- "v-select/counter": {
- "type": "string | number | true\n",
- "description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
- },
- "v-select/counter-value": {
- "type": "(value: any) => number\n",
- "description": "Function returns the counter display text"
- },
- "v-select/model-modifiers": {
- "type": "Record<string, boolean>\n",
- "description": "**FOR INTERNAL USE ONLY**"
- },
- "v-selection-control/type": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-selection-control/model-value": {
- "type": "unknown\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-selection-control/error": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-selection-control/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-selection-control/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-selection-control/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-selection-control/name": {
- "type": "string\n",
- "description": "Sets the component's name attribute."
- },
- "v-selection-control/value": {
- "type": "any\n",
- "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
- },
- "v-selection-control/id": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-selection-control/ripple": {
- "type": "boolean\n",
- "description": "Applies the [v-ripple](/directives/ripple) directive."
- },
- "v-selection-control/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-selection-control/label": {
- "type": "string\n",
- "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component"
- },
- "v-selection-control/multiple": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-selection-control/value-comparator": {
- "type": "(a: any, b: any) => boolean\n",
- "description": "Apply a custom comparison algorithm used for values"
- },
- "v-selection-control/readonly": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-selection-control/inline": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-selection-control/true-value": {
- "type": "any\n",
- "description": "Sets value for truthy state"
- },
- "v-selection-control/false-value": {
- "type": "any\n",
- "description": "Sets value for falsy state"
- },
- "v-selection-control/defaults-target": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-selection-control/false-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-selection-control/true-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-selection-control-group/type": {
- "type": "string\n",
- "description": "Provides the default type for children selection controls."
- },
- "v-selection-control-group/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-selection-control-group/error": {
- "type": "boolean\n",
- "description": "Puts the input in a manual error state"
- },
- "v-selection-control-group/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-selection-control-group/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-selection-control-group/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-selection-control-group/name": {
- "type": "string\n",
- "description": "Sets the component's name attribute."
- },
- "v-selection-control-group/id": {
- "type": "string\n",
- "description": "Sets the DOM id on the component"
- },
- "v-selection-control-group/ripple": {
- "type": "boolean\n",
- "description": "Applies the [v-ripple](/directives/ripple) directive."
- },
- "v-selection-control-group/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-selection-control-group/multiple": {
- "type": "boolean\n",
- "description": "Changes select to multiple. Accepts array for value"
- },
- "v-selection-control-group/value-comparator": {
- "type": "(a: any, b: any) => boolean\n",
- "description": "Apply a custom comparison algorithm used for values"
- },
- "v-selection-control-group/readonly": {
- "type": "boolean\n",
- "description": "Puts input in readonly state"
- },
- "v-selection-control-group/inline": {
- "type": "boolean\n",
- "description": "Puts children inputs into a row."
- },
- "v-selection-control-group/defaults-target": {
- "type": "string\n",
- "description": "The target component to provide defaults values for."
- },
- "v-selection-control-group/false-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The icon used when inactive"
- },
- "v-selection-control-group/true-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The icon used when active"
- },
- "v-sheet/border": {
- "type": "string | number | boolean\n",
- "description": "Applies border styles to component."
- },
- "v-sheet/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-sheet/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-sheet/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-sheet/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-sheet/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-sheet/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-sheet/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-sheet/location": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
- "description": "Specifies the component's location. Can combine by using a space separated string"
- },
- "v-sheet/position": {
- "type": "'static' | 'relative' | 'fixed' | 'absolute' | 'sticky'\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-sheet/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-sheet/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-sheet/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-sheet/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-skeleton-loader/type": {
- "type": "string | string[]\n",
- "description": "A string delimited list of skeleton components to create such as `type=\"text@3\"` or `type=\"card, list-item\"`. Will recursively generate a corresponding skeleton from the provided string. Also supports short-hand for multiple elements such as **article@3** and **paragraph@2** which will generate 3 _article_ skeletons and 2 _paragraph_ skeletons. Please see below for a list of available pre-defined options."
- },
- "v-skeleton-loader/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-skeleton-loader/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-skeleton-loader/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-skeleton-loader/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-skeleton-loader/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-skeleton-loader/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-skeleton-loader/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-skeleton-loader/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-skeleton-loader/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-skeleton-loader/loading": {
- "type": "boolean\n",
- "description": "Applies a loading animation with a on-hover loading cursor. A value of **false** will only work when there is content in the `default` slot."
- },
- "v-skeleton-loader/loading-text": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-skeleton-loader/boilerplate": {
- "type": "boolean\n",
- "description": "Remove the loading animation from the skeleton"
- },
- "v-slide-group/symbol": {
- "type": "any\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-slide-group.json))"
- },
- "v-slide-group/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-slide-group/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-slide-group/disabled": {
- "type": "boolean\n",
- "description": "Puts all children components into a disabled state"
- },
- "v-slide-group/selected-class": {
- "type": "string\n",
- "description": "Configure the active CSS class applied when an item is selected."
- },
- "v-slide-group/multiple": {
- "type": "boolean\n",
- "description": "Allows one to select mulitple items."
- },
- "v-slide-group/direction": {
- "type": "'horizontal' | 'vertical'\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-slide-group.json))"
- },
- "v-slide-group/max": {
- "type": "number\n",
- "description": "Sets a maximum number of selections that can be made."
- },
- "v-slide-group/mandatory": {
- "type": "boolean | 'force'\n",
- "description": "Forces at least one item to always be selected (if available)."
- },
- "v-slide-group/next-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The appended slot when arrows are shown"
- },
- "v-slide-group/prev-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The prepended slot when arrows are shown"
- },
- "v-slide-group/show-arrows": {
- "type": "string | boolean\n",
- "description": "Change when the overflow arrow indicators are shown. By **default**, arrows *always* display on Desktop when the container is overflowing. When the container overflows on mobile, arrows are not shown by default. A **show-arrows** value of `true` allows these arrows to show on Mobile if the container overflowing. A value of `desktop` *always* displays arrows on Desktop while a value of `mobile` always displays arrows on Mobile. A value of `always` always displays arrows on Desktop *and* Mobile. Find more information on how to customize breakpoint thresholds on the [breakpoints page](/customizing/breakpoints)."
- },
- "v-slide-group/center-active": {
- "type": "boolean\n",
- "description": "Forces the selected component to be centered"
- },
- "v-slide-group-item/value": {
- "type": "any\n",
- "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
- },
- "v-slide-group-item/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-slide-group-item/selected-class": {
- "type": "string\n",
- "description": "Configure the active CSS class applied when an item is selected."
- },
- "v-slide-x-reverse-transition/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-slide-x-reverse-transition/origin": {
- "type": "string\n",
- "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
- },
- "v-slide-x-reverse-transition/mode": {
- "type": "string\n",
- "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
- },
- "v-slide-x-reverse-transition/group": {
- "type": "boolean\n",
- "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
- },
- "v-slide-x-reverse-transition/hide-on-leave": {
- "type": "boolean\n",
- "description": "Hides the leaving element (no exit animation)"
- },
- "v-slide-x-reverse-transition/leave-absolute": {
- "type": "boolean\n",
- "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
- },
- "v-slide-x-transition/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-slide-x-transition/origin": {
- "type": "string\n",
- "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
- },
- "v-slide-x-transition/mode": {
- "type": "string\n",
- "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
- },
- "v-slide-x-transition/group": {
- "type": "boolean\n",
- "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
- },
- "v-slide-x-transition/hide-on-leave": {
- "type": "boolean\n",
- "description": "Hides the leaving element (no exit animation)"
- },
- "v-slide-x-transition/leave-absolute": {
- "type": "boolean\n",
- "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
- },
- "v-slide-y-reverse-transition/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-slide-y-reverse-transition/origin": {
- "type": "string\n",
- "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
- },
- "v-slide-y-reverse-transition/mode": {
- "type": "string\n",
- "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
- },
- "v-slide-y-reverse-transition/group": {
- "type": "boolean\n",
- "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
- },
- "v-slide-y-reverse-transition/hide-on-leave": {
- "type": "boolean\n",
- "description": "Hides the leaving element (no exit animation)"
- },
- "v-slide-y-reverse-transition/leave-absolute": {
- "type": "boolean\n",
- "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
- },
- "v-slide-y-transition/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-slide-y-transition/origin": {
- "type": "string\n",
- "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
- },
- "v-slide-y-transition/mode": {
- "type": "string\n",
- "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
- },
- "v-slide-y-transition/group": {
- "type": "boolean\n",
- "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
- },
- "v-slide-y-transition/hide-on-leave": {
- "type": "boolean\n",
- "description": "Hides the leaving element (no exit animation)"
- },
- "v-slide-y-transition/leave-absolute": {
- "type": "boolean\n",
- "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
- },
- "v-slider/model-value": {
- "type": "string | number\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-slider/error": {
- "type": "boolean\n",
- "description": "Puts the input in a manual error state"
- },
- "v-slider/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-slider/reverse": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/slider.json))"
- },
- "v-slider/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-slider/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-slider/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-slider/name": {
- "type": "string\n",
- "description": "Sets the component's name attribute."
- },
- "v-slider/id": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-slider/prepend-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
- },
- "v-slider/append-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
- },
- "v-slider/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-slider/label": {
- "type": "string\n",
- "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component"
- },
- "v-slider/center-affix": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-slider/hint": {
- "type": "string\n",
- "description": "Displays hint text below the input when focused. Force this always open with the [persistent-hint](#props-persistent-hint) property"
- },
- "v-slider/persistent-hint": {
- "type": "boolean\n",
- "description": "Forces [hint](#props-hint) to always be visible"
- },
- "v-slider/messages": {
- "type": "string | string[]\n",
- "description": "Displays a list of messages or a single message if using a string"
- },
- "v-slider/direction": {
- "type": "'horizontal' | 'vertical'\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/slider.json))"
- },
- "v-slider/error-messages": {
- "type": "string | string[]\n",
- "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation"
- },
- "v-slider/max-errors": {
- "type": "string | number\n",
- "description": "Control the maximum number of shown errors from validation."
- },
- "v-slider/readonly": {
- "type": "boolean\n",
- "description": "Puts input in readonly state"
- },
- "v-slider/rules": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L16-L20\" target=\"_blank\">ValidationRule</a>[]\n",
- "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
- },
- "v-slider/validate-on": {
- "type": " | 'lazy'\n | 'blur'\n | 'input'\n | 'submit'\n | 'blur lazy'\n | 'input lazy'\n | 'submit lazy'\n | 'lazy blur'\n | 'lazy input'\n | 'lazy submit'\n",
- "description": "Change what type of event triggers validation to run."
- },
- "v-slider/validation-value": {
- "type": "any\n",
- "description": "The value used when applying validation rules."
- },
- "v-slider/focused": {
- "type": "boolean\n",
- "description": "Forces a focused state styling on the component."
- },
- "v-slider/hide-details": {
- "type": "boolean | 'auto'\n",
- "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display"
- },
- "v-slider/max": {
- "type": "string | number\n",
- "description": "Sets the maximum allowed value"
- },
- "v-slider/min": {
- "type": "string | number\n",
- "description": "Sets the minimum allowed value"
- },
- "v-slider/step": {
- "type": "string | number\n",
- "description": "If greater than 0, sets step interval for ticks"
- },
- "v-slider/thumb-color": {
- "type": "string\n",
- "description": "Sets the thumb and thumb label color"
- },
- "v-slider/thumb-label": {
- "type": "boolean | 'always'\n",
- "description": "Show thumb label. If `true` it shows label when using slider. If set to `'always'` it always shows label."
- },
- "v-slider/thumb-size": {
- "type": "string | number\n",
- "description": "Controls the size of the thumb label."
- },
- "v-slider/show-ticks": {
- "type": "boolean | 'always'\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/slider.json))"
- },
- "v-slider/ticks": {
- "type": "number[] | Record<number, string>\n",
- "description": "Show track ticks. If `true` it shows ticks when using slider. If set to `'always'` it always shows ticks."
- },
- "v-slider/tick-size": {
- "type": "string | number\n",
- "description": "Controls the size of **ticks**"
- },
- "v-slider/track-color": {
- "type": "string\n",
- "description": "Sets the track's color"
- },
- "v-slider/track-fill-color": {
- "type": "string\n",
- "description": "Sets the track's fill color"
- },
- "v-slider/track-size": {
- "type": "string | number\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/slider.json))"
- },
- "v-snackbar/model-value": {
- "type": "boolean\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-snackbar/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-snackbar/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-snackbar/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-snackbar/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-snackbar/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-snackbar/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-snackbar/location": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-snackbar/position": {
- "type": "'static' | 'relative' | 'fixed' | 'absolute' | 'sticky'\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-snackbar/absolute": {
- "type": "boolean\n",
- "description": "Applies **position: absolute** to the content element."
- },
- "v-snackbar/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-snackbar/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-snackbar/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-snackbar/variant": {
- "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-snackbar/z-index": {
- "type": "string | number\n",
- "description": "The z-index used for the component"
- },
- "v-snackbar/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-snackbar/eager": {
- "type": "boolean\n",
- "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
- },
- "v-snackbar/activator": {
- "type": "string | Element | ComponentPublicInstance\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-snackbar/close-on-back": {
- "type": "boolean\n",
- "description": "Closes the overlay content when the browser's back button is pressed or `$router.back()` is called, cancelling the original navigation. `persistent` overlays will cancel navigation and animate as if they were clicked outside instead of closing."
- },
- "v-snackbar/contained": {
- "type": "boolean\n",
- "description": "Limits the size of the component and scrim to its offset parent. Implies `absolute` and `attach`. (Note: The parent element must have position: relative.)"
- },
- "v-snackbar/content-class": {
- "type": "any\n",
- "description": "Applies a custom class to the detached element. This is useful because the content is moved to the beginning of the `v-app` component (unless the **attach** prop is provided) and is not targetable by classes passed directly on the component"
- },
- "v-snackbar/content-props": {
- "type": "any\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay.json))"
- },
- "v-snackbar/activator-props": {
- "type": "{}\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-snackbar/open-on-click": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-snackbar/open-on-hover": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-snackbar/open-on-focus": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-snackbar/close-on-content-click": {
- "type": "boolean\n",
- "description": "Closes component when you click on its content"
- },
- "v-snackbar/close-delay": {
- "type": "string | number\n",
- "description": "Milliseconds to wait before closing component. Only applies to hover and focus events."
- },
- "v-snackbar/open-delay": {
- "type": "string | number\n",
- "description": "Milliseconds to wait before opening component. Only applies to hover and focus events."
- },
- "v-snackbar/location-strategy": {
- "type": "'static' | 'connected' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/locationStrategies.ts#L36-L40\" target=\"_blank\">LocationStrategyFn</a>\n",
- "description": "A function used to specifies how the component should position relative to its activator"
- },
- "v-snackbar/origin": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a> | 'auto' | 'overlap'\n",
- "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
- },
- "v-snackbar/offset": {
- "type": "string | number | number[]\n",
- "description": "A single value that offsets content away from the target based upon what side it is on"
- },
- "v-snackbar/transition": {
- "type": "string\n",
- "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
- },
- "v-snackbar/attach": {
- "type": "string | boolean | Element\n",
- "description": "Specifies which DOM element the overlay content should teleport to. Can be a direct element reference, querySelector string, or `true` to disable teleporting. Uses `body` by default."
- },
- "v-snackbar/vertical": {
- "type": "boolean\n",
- "description": "Stacks snackbar content on top of the actions (button)."
- },
- "v-snackbar/multi-line": {
- "type": "boolean\n",
- "description": "Gives the snackbar a larger minimum height."
- },
- "v-snackbar/timeout": {
- "type": "string | number\n",
- "description": "Time (in milliseconds) to wait until snackbar is automatically hidden. Use `-1` to keep open indefinitely (`0` in version < 2.3 ). It is recommended for this number to be between `4000` and `10000`. Changes to this property will reset the timeout."
- },
- "v-spacer/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element"
- },
- "v-stepper-header/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element"
- },
- "v-stepper-window/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-stepper-window/reverse": {
- "type": "boolean\n",
- "description": "Reverse the normal transition direction."
- },
- "v-stepper-window/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-stepper-window/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-stepper-window/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-stepper-window/selected-class": {
- "type": "string\n",
- "description": "Configure the active CSS class applied when an item is selected."
- },
- "v-stepper-window/direction": {
- "type": "'horizontal' | 'vertical'\n",
- "description": "The transition direction when changing windows."
- },
- "v-stepper-window/mandatory": {
- "type": "boolean | 'force'\n",
- "description": "Forces at least one item to always be selected (if available)."
- },
- "v-stepper-window/continuous": {
- "type": "boolean\n",
- "description": "If `true`, window will \"wrap around\" from the last item to the first, and from the first item to the last"
- },
- "v-stepper-window/next-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Icon used for the \"next\" button if `show-arrows` is `true`"
- },
- "v-stepper-window/prev-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Icon used for the \"prev\" button if `show-arrows` is `true`"
- },
- "v-stepper-window/show-arrows": {
- "type": "string | boolean\n",
- "description": "Display the \"next\" and \"prev\" buttons"
- },
- "v-stepper-window/touch": {
- "type": "any\n",
- "description": "Provide a custom **left** and **right** function when swiped left or right."
- },
- "v-stepper-window-item/value": {
- "type": "any\n",
- "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
- },
- "v-stepper-window-item/disabled": {
- "type": "boolean\n",
- "description": "Prevents the item from becoming active when using the \"next\" and \"prev\" buttons or the `toggle` method"
- },
- "v-stepper-window-item/selected-class": {
- "type": "string\n",
- "description": "Configure the active CSS class applied when an item is selected."
- },
- "v-stepper-window-item/eager": {
- "type": "boolean\n",
- "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
- },
- "v-stepper-window-item/transition": {
- "type": "string | boolean\n",
- "description": "The transition used when the component progressing through items. Can be one of the [built in](/styles/transitions/) or custom transition."
- },
- "v-stepper-window-item/reverse-transition": {
- "type": "string | boolean\n",
- "description": "Sets the reverse transition"
- },
- "v-svg-icon/icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
- },
- "v-svg-icon/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element"
- },
- "v-switch/flat": {
- "type": "boolean\n",
- "description": "Display component without elevation. Default elevation for thumb is 4dp, `flat` resets it"
- },
- "v-switch/type": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-switch/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-switch/error": {
- "type": "boolean\n",
- "description": "Puts the input in a manual error state"
- },
- "v-switch/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-switch/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-switch/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-switch/name": {
- "type": "string\n",
- "description": "Sets the component's name attribute."
- },
- "v-switch/value": {
- "type": "any\n",
- "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
- },
- "v-switch/id": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-switch/prepend-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
- },
- "v-switch/append-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
- },
- "v-switch/ripple": {
- "type": "boolean\n",
- "description": "Applies the [v-ripple](/directives/ripple) directive."
- },
- "v-switch/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-switch/loading": {
- "type": "string | boolean\n",
- "description": "Displays circular progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - primary, secondary, success, info, warning, error) or a Boolean which uses the component color (set by color prop - if it's supported by the component) or the primary color"
- },
- "v-switch/label": {
- "type": "string\n",
- "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component"
- },
- "v-switch/multiple": {
- "type": "boolean\n",
- "description": "Changes expected model to an array"
- },
- "v-switch/value-comparator": {
- "type": "(a: any, b: any) => boolean\n",
- "description": "Apply a custom comparison algorithm used for values"
- },
- "v-switch/center-affix": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-switch/hint": {
- "type": "string\n",
- "description": "Displays hint text below the input when focused. Force this always open with the [persistent-hint](#props-persistent-hint) property"
- },
- "v-switch/persistent-hint": {
- "type": "boolean\n",
- "description": "Forces [hint](#props-hint) to always be visible"
- },
- "v-switch/messages": {
- "type": "string | string[]\n",
- "description": "Displays a list of messages or a single message if using a string"
- },
- "v-switch/direction": {
- "type": "'horizontal' | 'vertical'\n",
- "description": "Changes the direction of the input"
- },
- "v-switch/error-messages": {
- "type": "string | string[]\n",
- "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation"
- },
- "v-switch/max-errors": {
- "type": "string | number\n",
- "description": "Control the maximum number of shown errors from validation."
- },
- "v-switch/readonly": {
- "type": "boolean\n",
- "description": "Puts input in readonly state"
- },
- "v-switch/rules": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L16-L20\" target=\"_blank\">ValidationRule</a>[]\n",
- "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
- },
- "v-switch/validate-on": {
- "type": " | 'lazy'\n | 'blur'\n | 'input'\n | 'submit'\n | 'blur lazy'\n | 'input lazy'\n | 'submit lazy'\n | 'lazy blur'\n | 'lazy input'\n | 'lazy submit'\n",
- "description": "Change what type of event triggers validation to run."
- },
- "v-switch/validation-value": {
- "type": "any\n",
- "description": "The value used when applying validation rules."
- },
- "v-switch/focused": {
- "type": "boolean\n",
- "description": "Forces a focused state styling on the component."
- },
- "v-switch/hide-details": {
- "type": "boolean | 'auto'\n",
- "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display"
- },
- "v-switch/inline": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-switch/inset": {
- "type": "boolean\n",
- "description": "Enlarge the `v-switch` track to encompass the thumb"
- },
- "v-switch/indeterminate": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-switch.json))"
- },
- "v-switch/true-value": {
- "type": "any\n",
- "description": "Sets value for truthy state"
- },
- "v-switch/false-value": {
- "type": "any\n",
- "description": "Sets value for falsy state"
- },
- "v-switch/defaults-target": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-switch/false-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-switch/true-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-system-bar/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-system-bar/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-system-bar/absolute": {
- "type": "boolean\n",
- "description": "Applies **position: absolute** to the component."
- },
- "v-system-bar/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-system-bar/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-system-bar/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-system-bar/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-system-bar/name": {
- "type": "string\n",
- "description": "Assign a specific name for layout registration."
- },
- "v-system-bar/order": {
- "type": "string | number\n",
- "description": "Adjust the order of the component in relation to its registration order."
- },
- "v-system-bar/window": {
- "type": "boolean\n",
- "description": "Increases the system bar height to 32px (24px default)."
- },
- "v-tab/text": {
- "type": "string\n",
- "description": "Specify content text for the component."
- },
- "v-tab/border": {
- "type": "string | number | boolean\n",
- "description": "Applies border styles to component."
- },
- "v-tab/icon": {
- "type": " | boolean\n | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Apply a specific icon using the [v-icon](/components/icons/) component. The button will become _round_."
- },
- "v-tab/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-tab/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-tab/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-tab/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-tab/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-tab/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-tab/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-tab/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-tab/fixed": {
- "type": "boolean\n",
- "description": "Forces component to take up all available space up to their maximum width (300px), and centers it."
- },
- "v-tab/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-tab/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-tab/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-tab/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-tab/variant": {
- "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-tab/value": {
- "type": "any\n",
- "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
- },
- "v-tab/size": {
- "type": "string | number\n",
- "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**."
- },
- "v-tab/prepend-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content"
- },
- "v-tab/append-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
- },
- "v-tab/stacked": {
- "type": "boolean\n",
- "description": "Displays the tab as a flex-column."
- },
- "v-tab/ripple": {
- "type": "boolean | { class: string }\n",
- "description": "Applies the [v-ripple](/directives/ripple) directive."
- },
- "v-tab/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-tab/selected-class": {
- "type": "string\n",
- "description": "Configure the active CSS class applied when an item is selected."
- },
- "v-tab/loading": {
- "type": "string | boolean\n",
- "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color"
- },
- "v-tab/href": {
- "type": "string\n",
- "description": "Designates the component as anchor and applies the **href** attribute."
- },
- "v-tab/replace": {
- "type": "boolean\n",
- "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [**replace** prop](https://router.vuejs.org/api/#replace) on the vue-router documentation."
- },
- "v-tab/exact": {
- "type": "boolean\n",
- "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
- },
- "v-tab/to": {
- "type": "unknown\n",
- "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
- },
- "v-tab/direction": {
- "type": "'horizontal' | 'vertical'\n",
- "description": "Changes the direction of the tabs. Can be either `horizontal` or `vertical`."
- },
- "v-tab/slider-color": {
- "type": "string\n",
- "description": "Applies specified color to the slider when active on that component - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
- },
- "v-tab/hide-slider": {
- "type": "boolean\n",
- "description": "Hides the active tab slider component (no exit or enter animation)."
- },
- "v-table/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-table/height": {
- "type": "string | number\n",
- "description": "Use the height prop to set the height of the table."
- },
- "v-table/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-table/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-table/hover": {
- "type": "boolean\n",
- "description": "Will add a hover effect to a table's row when the mouse is over it."
- },
- "v-table/fixed-header": {
- "type": "boolean\n",
- "description": "Use the fixed-header prop together with the height prop to fix the header to the top of the table."
- },
- "v-table/fixed-footer": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-table.json))"
- },
- "v-tabs/symbol": {
- "type": "any\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-slide-group.json))"
- },
- "v-tabs/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-tabs/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-tabs/height": {
- "type": "string | number\n",
- "description": "Sets the height of the tabs bar"
- },
- "v-tabs/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-tabs/color": {
- "type": "string\n",
- "description": "Applies specified color to the selected tab - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-tabs/items": {
- "type": "(string | Record<string, any>)[]\n",
- "description": "The items to display in the component. This can be an array of strings or objects with a property `title`"
- },
- "v-tabs/stacked": {
- "type": "boolean\n",
- "description": "Apply the stacked prop to all children v-tab components."
- },
- "v-tabs/disabled": {
- "type": "boolean\n",
- "description": "Puts all children components into a disabled state"
- },
- "v-tabs/selected-class": {
- "type": "string\n",
- "description": "Configure the active CSS class applied when an item is selected."
- },
- "v-tabs/multiple": {
- "type": "boolean\n",
- "description": "Allows one to select mulitple items."
- },
- "v-tabs/direction": {
- "type": "'horizontal' | 'vertical'\n",
- "description": "Changes the direction of the tabs. Can be either `horizontal` or `vertical`."
- },
- "v-tabs/bg-color": {
- "type": "string\n",
- "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-tabs/max": {
- "type": "number\n",
- "description": "Sets a maximum number of selections that can be made."
- },
- "v-tabs/grow": {
- "type": "boolean\n",
- "description": "Force `v-tab`'s to take up all available space"
- },
- "v-tabs/mandatory": {
- "type": "boolean | 'force'\n",
- "description": "Forces at least one item to always be selected (if available)."
- },
- "v-tabs/next-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Right pagination icon"
- },
- "v-tabs/prev-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Left pagination icon"
- },
- "v-tabs/show-arrows": {
- "type": "string | boolean\n",
- "description": "Show pagination arrows if the tab items overflow their container. For mobile devices, arrows will only display when using this prop."
- },
- "v-tabs/center-active": {
- "type": "boolean\n",
- "description": "Forces the selected tab to be centered"
- },
- "v-tabs/slider-color": {
- "type": "string\n",
- "description": "Changes the background color of an auto-generated `v-tabs-slider`"
- },
- "v-tabs/hide-slider": {
- "type": "boolean\n",
- "description": "Hide's the generated `v-tabs-slider`"
- },
- "v-tabs/align-tabs": {
- "type": "'title' | 'end' | 'start' | 'center'\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-tabs.json))"
- },
- "v-tabs/fixed-tabs": {
- "type": "boolean\n",
- "description": "`v-tabs-item` min-width 160px, max-width 360px"
- },
- "v-text-field/flat": {
- "type": "boolean\n",
- "description": "Removes elevation (shadow) added to element when using the **solo** or **solo-inverted** props"
- },
- "v-text-field/type": {
- "type": "string\n",
- "description": "Sets input type"
- },
- "v-text-field/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-text-field/error": {
- "type": "boolean\n",
- "description": "Puts the input in a manual error state"
- },
- "v-text-field/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-text-field/reverse": {
- "type": "boolean\n",
- "description": "Reverses the input orientation"
- },
- "v-text-field/rounded": {
- "type": "string | number | boolean\n",
- "description": "Adds a border radius to the input"
- },
- "v-text-field/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-text-field/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-text-field/variant": {
- "type": " | 'outlined'\n | 'plain'\n | 'underlined'\n | 'filled'\n | 'solo'\n | 'solo-inverted'\n | 'solo-filled'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-text-field/name": {
- "type": "string\n",
- "description": "Sets the component's name attribute."
- },
- "v-text-field/id": {
- "type": "string\n",
- "description": "Sets the DOM id on the component"
- },
- "v-text-field/active": {
- "type": "boolean\n",
- "description": "Controls the **active** state of the item. This is typically used to highlight the component"
- },
- "v-text-field/prepend-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Prepends an icon to the outnside the component's input, uses the same syntax as `v-icon`"
- },
- "v-text-field/append-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
- },
- "v-text-field/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the input"
- },
- "v-text-field/loading": {
- "type": "string | boolean\n",
- "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color"
- },
- "v-text-field/label": {
- "type": "string\n",
- "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component"
- },
- "v-text-field/autofocus": {
- "type": "boolean\n",
- "description": "Enables autofocus"
- },
- "v-text-field/prefix": {
- "type": "string\n",
- "description": "Displays prefix text"
- },
- "v-text-field/placeholder": {
- "type": "string\n",
- "description": "Sets the input’s placeholder text"
- },
- "v-text-field/persistent-placeholder": {
- "type": "boolean\n",
- "description": "Forces placeholder to always be visible"
- },
- "v-text-field/persistent-counter": {
- "type": "boolean\n",
- "description": "Forces counter to always be visible"
- },
- "v-text-field/suffix": {
- "type": "string\n",
- "description": "Displays suffix text"
- },
- "v-text-field/center-affix": {
- "type": "boolean\n",
- "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center"
- },
- "v-text-field/hint": {
- "type": "string\n",
- "description": "Displays hint text below the input when focused. Force this always open with the [persistent-hint](#props-persistent-hint) property"
- },
- "v-text-field/persistent-hint": {
- "type": "boolean\n",
- "description": "Forces [hint](#props-hint) to always be visible"
- },
- "v-text-field/messages": {
- "type": "string | string[]\n",
- "description": "Displays a list of messages or a single message if using a string"
- },
- "v-text-field/direction": {
- "type": "'horizontal' | 'vertical'\n",
- "description": "Changes the direction of the input"
- },
- "v-text-field/error-messages": {
- "type": "string | string[]\n",
- "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation"
- },
- "v-text-field/max-errors": {
- "type": "string | number\n",
- "description": "Control the maximum number of shown errors from validation."
- },
- "v-text-field/readonly": {
- "type": "boolean\n",
- "description": "Puts input in readonly state"
- },
- "v-text-field/rules": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L16-L20\" target=\"_blank\">ValidationRule</a>[]\n",
- "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
- },
- "v-text-field/validate-on": {
- "type": " | 'lazy'\n | 'blur'\n | 'input'\n | 'submit'\n | 'blur lazy'\n | 'input lazy'\n | 'submit lazy'\n | 'lazy blur'\n | 'lazy input'\n | 'lazy submit'\n",
- "description": "Change what type of event triggers validation to run."
- },
- "v-text-field/validation-value": {
- "type": "any\n",
- "description": "The value used when applying validation rules."
- },
- "v-text-field/focused": {
- "type": "boolean\n",
- "description": "Forces a focused state styling on the component."
- },
- "v-text-field/hide-details": {
- "type": "boolean | 'auto'\n",
- "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display"
- },
- "v-text-field/append-inner-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component in the **append-inner** slot"
- },
- "v-text-field/bg-color": {
- "type": "string\n",
- "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-text-field/clearable": {
- "type": "boolean\n",
- "description": "Allows for the component to be cleared"
- },
- "v-text-field/clear-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Applied when using **clearable** and the input is dirty"
- },
- "v-text-field/base-color": {
- "type": "string\n",
- "description": "Sets the color of the input when it is not focused"
- },
- "v-text-field/dirty": {
- "type": "boolean\n",
- "description": "Manually apply the dirty state styling"
- },
- "v-text-field/persistent-clear": {
- "type": "boolean\n",
- "description": "Always show the clearable icon when the input is dirty (By default it only shows on hover)"
- },
- "v-text-field/prepend-inner-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Prepends an icon inside the component's input, uses the same syntax as `v-icon`"
- },
- "v-text-field/single-line": {
- "type": "boolean\n",
- "description": "Label does not move on focus/dirty"
- },
- "v-text-field/counter": {
- "type": "string | number | true\n",
- "description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
- },
- "v-text-field/counter-value": {
- "type": "(value: any) => number\n",
- "description": "Function returns the counter display text"
- },
- "v-text-field/model-modifiers": {
- "type": "Record<string, boolean>\n",
- "description": "**FOR INTERNAL USE ONLY**"
- },
- "v-textarea/flat": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-textarea/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-textarea/error": {
- "type": "boolean\n",
- "description": "Puts the input in a manual error state"
- },
- "v-textarea/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-textarea/reverse": {
- "type": "boolean\n",
- "description": "Reverses the orientation "
- },
- "v-textarea/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-textarea/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-textarea/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-textarea/variant": {
- "type": " | 'outlined'\n | 'plain'\n | 'underlined'\n | 'filled'\n | 'solo'\n | 'solo-inverted'\n | 'solo-filled'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-textarea/name": {
- "type": "string\n",
- "description": "Sets the component's name attribute."
- },
- "v-textarea/id": {
- "type": "string\n",
- "description": "Sets the DOM id on the component"
- },
- "v-textarea/active": {
- "type": "boolean\n",
- "description": "Controls the **active** state of the item. This is typically used to highlight the component"
- },
- "v-textarea/prepend-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
- },
- "v-textarea/append-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
- },
- "v-textarea/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the input"
- },
- "v-textarea/loading": {
- "type": "string | boolean\n",
- "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color"
- },
- "v-textarea/label": {
- "type": "string\n",
- "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component"
- },
- "v-textarea/autofocus": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-textarea.json))"
- },
- "v-textarea/prefix": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-textarea.json))"
- },
- "v-textarea/placeholder": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-textarea.json))"
- },
- "v-textarea/persistent-placeholder": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-textarea.json))"
- },
- "v-textarea/persistent-counter": {
- "type": "boolean\n",
- "description": "Forces counter to always be visible"
- },
- "v-textarea/suffix": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-textarea.json))"
- },
- "v-textarea/center-affix": {
- "type": "boolean\n",
- "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center"
- },
- "v-textarea/hint": {
- "type": "string\n",
- "description": "Displays hint text below the input when focused. Force this always open with the [persistent-hint](#props-persistent-hint) property"
- },
- "v-textarea/persistent-hint": {
- "type": "boolean\n",
- "description": "Forces [hint](#props-hint) to always be visible"
- },
- "v-textarea/messages": {
- "type": "string | string[]\n",
- "description": "Displays a list of messages or a single message if using a string"
- },
- "v-textarea/direction": {
- "type": "'horizontal' | 'vertical'\n",
- "description": "Changes the direction of the input"
- },
- "v-textarea/error-messages": {
- "type": "string | string[]\n",
- "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation"
- },
- "v-textarea/max-errors": {
- "type": "string | number\n",
- "description": "Control the maximum number of shown errors from validation."
- },
- "v-textarea/readonly": {
- "type": "boolean\n",
- "description": "Puts input in readonly state"
- },
- "v-textarea/rules": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L16-L20\" target=\"_blank\">ValidationRule</a>[]\n",
- "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
- },
- "v-textarea/validate-on": {
- "type": " | 'lazy'\n | 'blur'\n | 'input'\n | 'submit'\n | 'blur lazy'\n | 'input lazy'\n | 'submit lazy'\n | 'lazy blur'\n | 'lazy input'\n | 'lazy submit'\n",
- "description": "Change what type of event triggers validation to run."
- },
- "v-textarea/validation-value": {
- "type": "any\n",
- "description": "The value used when applying validation rules."
- },
- "v-textarea/focused": {
- "type": "boolean\n",
- "description": "Forces a focused state styling on the component."
- },
- "v-textarea/hide-details": {
- "type": "boolean | 'auto'\n",
- "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display"
- },
- "v-textarea/append-inner-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component in the **append-inner** slot"
- },
- "v-textarea/bg-color": {
- "type": "string\n",
- "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-textarea/clearable": {
- "type": "boolean\n",
- "description": "Allows for the component to be cleared"
- },
- "v-textarea/clear-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "The icon used when the **clerable** prop is set to true"
- },
- "v-textarea/base-color": {
- "type": "string\n",
- "description": "Sets the color of the input when it is not focused"
- },
- "v-textarea/dirty": {
- "type": "boolean\n",
- "description": "Manually apply the dirty state styling"
- },
- "v-textarea/persistent-clear": {
- "type": "boolean\n",
- "description": "Always show the clearable icon when the input is dirty (By default it only shows on hover)"
- },
- "v-textarea/prepend-inner-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend-inner** slot"
- },
- "v-textarea/single-line": {
- "type": "boolean\n",
- "description": "Label does not move on focus/dirty"
- },
- "v-textarea/counter": {
- "type": "string | number | true\n",
- "description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
- },
- "v-textarea/counter-value": {
- "type": "(value: any) => number\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-textarea/model-modifiers": {
- "type": "Record<string, boolean>\n",
- "description": "**FOR INTERNAL USE ONLY**"
- },
- "v-textarea/auto-grow": {
- "type": "boolean\n",
- "description": "Automatically grow the textarea depending on amount of text"
- },
- "v-textarea/no-resize": {
- "type": "boolean\n",
- "description": "Remove resize handle"
- },
- "v-textarea/rows": {
- "type": "string | number\n",
- "description": "Default row count"
- },
- "v-textarea/max-rows": {
- "type": "string | number\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-textarea.json))"
- },
- "v-theme-provider/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-theme-provider/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-theme-provider/with-background": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-theme-provider.json))"
- },
- "v-timeline/density": {
- "type": "'default' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-timeline/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-timeline/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-timeline/direction": {
- "type": "'horizontal' | 'vertical'\n",
- "description": "Display timeline in a **vertical** or **horizontal** direction"
- },
- "v-timeline/align": {
- "type": "'start' | 'center'\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-timeline.json))"
- },
- "v-timeline/side": {
- "type": "'end' | 'start'\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-timeline.json))"
- },
- "v-timeline/justify": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-timeline.json))"
- },
- "v-timeline/line-inset": {
- "type": "string | number\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-timeline.json))"
- },
- "v-timeline/line-thickness": {
- "type": "string | number\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-timeline.json))"
- },
- "v-timeline/line-color": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-timeline.json))"
- },
- "v-timeline/truncate-line": {
- "type": "'end' | 'start' | 'both'\n",
- "description": "Truncate timeline directly at the **start** or **end** of the line, or on **both** ends"
- },
- "v-timeline-item/icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Apply a specific icon to the inside dot using the [v-icon](/components/icons/) component."
- },
- "v-timeline-item/density": {
- "type": "'default' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-timeline-item/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-timeline-item/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-timeline-item/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-timeline-item/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-timeline-item/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-timeline-item/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-timeline-item/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-timeline-item/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-timeline-item/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-timeline-item/size": {
- "type": "string | number\n",
- "description": "Size of the item dot"
- },
- "v-timeline-item/line-inset": {
- "type": "string | number\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-timeline-item.json))"
- },
- "v-timeline-item/dot-color": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-timeline-item.json))"
- },
- "v-timeline-item/fill-dot": {
- "type": "boolean\n",
- "description": "Remove outer border of item dot, making the color fill the entire dot"
- },
- "v-timeline-item/hide-dot": {
- "type": "boolean\n",
- "description": "Hide the timeline item dot"
- },
- "v-timeline-item/hide-opposite": {
- "type": "boolean\n",
- "description": "Hide opposite content if it exists"
- },
- "v-timeline-item/icon-color": {
- "type": "string\n",
- "description": "Color of the icon"
- },
- "v-toolbar/title": {
- "type": "string\n",
- "description": "Specify a title text for the component."
- },
- "v-toolbar/flat": {
- "type": "boolean\n",
- "description": "Removes the toolbar's box-shadow."
- },
- "v-toolbar/border": {
- "type": "string | number | boolean\n",
- "description": "Applies border styles to component."
- },
- "v-toolbar/density": {
- "type": "'default' | 'prominent' | 'comfortable' | 'compact'\n",
- "description": "Adjusts the vertical height used by the component."
- },
- "v-toolbar/height": {
- "type": "string | number\n",
- "description": "Designates a specific height for the toolbar. Overrides the heights imposed by other props, e.g. **prominent**, **dense**, **extended**, etc."
- },
- "v-toolbar/elevation": {
- "type": "string | number\n",
- "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
- },
- "v-toolbar/absolute": {
- "type": "boolean\n",
- "description": "Applies position: absolute to the component."
- },
- "v-toolbar/rounded": {
- "type": "string | number | boolean\n",
- "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
- },
- "v-toolbar/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-toolbar/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-toolbar/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-toolbar/image": {
- "type": "string\n",
- "description": "Specifies a [v-img](/components/images) as the component's background."
- },
- "v-toolbar/collapse": {
- "type": "boolean\n",
- "description": "Puts the toolbar into a collapsed state reducing its maximum width."
- },
- "v-toolbar/extended": {
- "type": "boolean\n",
- "description": "Use this prop to increase the height of the toolbar _without_ using the `extension` slot for adding content. May be used in conjunction with the **extension-height** prop, and any of the other props that affect the height of the toolbar, e.g. **prominent**, **dense**, etc., **WITH THE EXCEPTION** of **height**."
- },
- "v-toolbar/extension-height": {
- "type": "string | number\n",
- "description": "Specify an explicit height for the `extension` slot. "
- },
- "v-toolbar/floating": {
- "type": "boolean\n",
- "description": "Applies **display: inline-flex** to the component."
- },
- "v-toolbar-items/color": {
- "type": "string\n",
- "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
- },
- "v-toolbar-items/variant": {
- "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
- "description": "Applies a distinct style to the component"
- },
- "v-toolbar-title/text": {
- "type": "string\n",
- "description": "Specify content text for the component."
- },
- "v-toolbar-title/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-tooltip/text": {
- "type": "string\n",
- "description": "Specify content text for the component."
- },
- "v-tooltip/model-value": {
- "type": "boolean\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-tooltip/height": {
- "type": "string | number\n",
- "description": "Sets the height for the component."
- },
- "v-tooltip/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-tooltip/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-tooltip/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-tooltip/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-tooltip/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-tooltip/location": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-tooltip/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-tooltip/z-index": {
- "type": "string | number\n",
- "description": "The z-index used for the component"
- },
- "v-tooltip/id": {
- "type": "string\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-tooltip.json))"
- },
- "v-tooltip/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-tooltip/eager": {
- "type": "boolean\n",
- "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
- },
- "v-tooltip/activator": {
- "type": "string | Element | ComponentPublicInstance\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-tooltip/close-on-back": {
- "type": "boolean\n",
- "description": "Closes the overlay content when the browser's back button is pressed or `$router.back()` is called, cancelling the original navigation. `persistent` overlays will cancel navigation and animate as if they were clicked outside instead of closing."
- },
- "v-tooltip/contained": {
- "type": "boolean\n",
- "description": "Limits the size of the component and scrim to its offset parent. Implies `absolute` and `attach`. (Note: The parent element must have position: relative.)"
- },
- "v-tooltip/content-class": {
- "type": "any\n",
- "description": "Applies a custom class to the detached element. This is useful because the content is moved to the beginning of the `v-app` component (unless the **attach** prop is provided) and is not targetable by classes passed directly on the component"
- },
- "v-tooltip/content-props": {
- "type": "any\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay.json))"
- },
- "v-tooltip/no-click-animation": {
- "type": "boolean\n",
- "description": "Disables the bounce effect when clicking outside of the content element when using the persistent prop."
- },
- "v-tooltip/scrim": {
- "type": "string | boolean\n",
- "description": "Accepts true/false to enable background, and string to define color."
- },
- "v-tooltip/activator-props": {
- "type": "{}\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-tooltip/open-on-click": {
- "type": "boolean\n",
- "description": "Designates whether the tooltip should open on activator click"
- },
- "v-tooltip/open-on-hover": {
- "type": "boolean\n",
- "description": "Designates whether the tooltip should open on activator hover"
- },
- "v-tooltip/open-on-focus": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
- },
- "v-tooltip/close-on-content-click": {
- "type": "boolean\n",
- "description": "Closes component when you click on its content"
- },
- "v-tooltip/close-delay": {
- "type": "string | number\n",
- "description": "Delay (in ms) after which menu closes (when open-on-hover prop is set to true)"
- },
- "v-tooltip/open-delay": {
- "type": "string | number\n",
- "description": "Delay (in ms) after which tooltip opens (when `open-on-hover` prop is set to **true**)"
- },
- "v-tooltip/location-strategy": {
- "type": "'static' | 'connected' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/locationStrategies.ts#L36-L40\" target=\"_blank\">LocationStrategyFn</a>\n",
- "description": "A function used to specifies how the component should position relative to its activator"
- },
- "v-tooltip/origin": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a> | 'auto' | 'overlap'\n",
- "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
- },
- "v-tooltip/offset": {
- "type": "string | number | number[]\n",
- "description": "A single value that offsets content away from the target based upon what side it is on"
- },
- "v-tooltip/scroll-strategy": {
- "type": "'close' | 'block' | 'none' | 'reposition' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/scrollStrategies.ts#L17-L17\" target=\"_blank\">ScrollStrategyFn</a>\n",
- "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-scroll-strategies.json))"
- },
- "v-tooltip/transition": {
- "type": "string | boolean\n",
- "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
- },
- "v-tooltip/attach": {
- "type": "string | boolean | Element\n",
- "description": "Specifies which DOM element the overlay content should teleport to. Can be a direct element reference, querySelector string, or `true` to disable teleporting. Uses `body` by default."
- },
- "v-validation/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-validation/error": {
- "type": "boolean\n",
- "description": "Puts the input in a manual error state"
- },
- "v-validation/name": {
- "type": "string\n",
- "description": "Sets the component's name attribute."
- },
- "v-validation/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-validation/label": {
- "type": "string\n",
- "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component"
- },
- "v-validation/error-messages": {
- "type": "string | string[]\n",
- "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation"
- },
- "v-validation/max-errors": {
- "type": "string | number\n",
- "description": "Control the maximum number of shown errors from validation."
- },
- "v-validation/readonly": {
- "type": "boolean\n",
- "description": "Puts input in readonly state"
- },
- "v-validation/rules": {
- "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L16-L20\" target=\"_blank\">ValidationRule</a>[]\n",
- "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
- },
- "v-validation/validate-on": {
- "type": " | 'lazy'\n | 'blur'\n | 'input'\n | 'submit'\n | 'blur lazy'\n | 'input lazy'\n | 'submit lazy'\n | 'lazy blur'\n | 'lazy input'\n | 'lazy submit'\n",
- "description": "Change what type of event triggers validation to run."
- },
- "v-validation/validation-value": {
- "type": "any\n",
- "description": "The value used when applying validation rules."
- },
- "v-validation/focused": {
- "type": "boolean\n",
- "description": "Forces a focused state styling on the component."
- },
- "v-virtual-scroll/height": {
- "type": "string | number\n",
- "description": "Height of the component as a css value"
- },
- "v-virtual-scroll/max-height": {
- "type": "string | number\n",
- "description": "Sets the maximum height for the component."
- },
- "v-virtual-scroll/max-width": {
- "type": "string | number\n",
- "description": "Sets the maximum width for the component."
- },
- "v-virtual-scroll/min-height": {
- "type": "string | number\n",
- "description": "Sets the minimum height for the component."
- },
- "v-virtual-scroll/min-width": {
- "type": "string | number\n",
- "description": "Sets the minimum width for the component."
- },
- "v-virtual-scroll/width": {
- "type": "string | number\n",
- "description": "Sets the width for the component."
- },
- "v-virtual-scroll/items": {
- "type": "unknown[]\n",
- "description": "The array of items to display"
- },
- "v-virtual-scroll/item-height": {
- "type": "string | number\n",
- "description": "Height in pixels of each item to display. When using **dynamic-item-height** this should be an average initial size."
- },
- "v-virtual-scroll/renderless": {
- "type": "boolean\n",
- "description": "MISSING DESCRIPTION"
- },
- "v-window/model-value": {
- "type": "any\n",
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
- },
- "v-window/reverse": {
- "type": "boolean\n",
- "description": "Reverse the normal transition direction."
- },
- "v-window/tag": {
- "type": "string\n",
- "description": "Specify a custom tag used on the root element."
- },
- "v-window/theme": {
- "type": "string\n",
- "description": "Specify a theme for this component and all of its children"
- },
- "v-window/disabled": {
- "type": "boolean\n",
- "description": "Removes the ability to click or target the component"
- },
- "v-window/selected-class": {
- "type": "string\n",
- "description": "Configure the active CSS class applied when an item is selected."
- },
- "v-window/direction": {
- "type": "'horizontal' | 'vertical'\n",
- "description": "The transition direction when changing windows."
- },
- "v-window/mandatory": {
- "type": "boolean | 'force'\n",
- "description": "Forces at least one item to always be selected (if available)."
- },
- "v-window/continuous": {
- "type": "boolean\n",
- "description": "If `true`, window will \"wrap around\" from the last item to the first, and from the first item to the last"
- },
- "v-window/next-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Icon used for the \"next\" button if `show-arrows` is `true`"
- },
- "v-window/prev-icon": {
- "type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
- "description": "Icon used for the \"prev\" button if `show-arrows` is `true`"
- },
- "v-window/show-arrows": {
- "type": "string | boolean\n",
- "description": "Display the \"next\" and \"prev\" buttons"
- },
- "v-window/touch": {
- "type": "any\n",
- "description": "Provide a custom **left** and **right** function when swiped left or right."
- },
- "v-window-item/value": {
- "type": "any\n",
- "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
- },
- "v-window-item/disabled": {
- "type": "boolean\n",
- "description": "Prevents the item from becoming active when using the \"next\" and \"prev\" buttons or the `toggle` method"
- },
- "v-window-item/selected-class": {
- "type": "string\n",
- "description": "Configure the active CSS class applied when an item is selected."
- },
- "v-window-item/eager": {
- "type": "boolean\n",
- "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
- },
- "v-window-item/transition": {
- "type": "string | boolean\n",
- "description": "The transition used when the component progressing through items. Can be one of the [built in](/styles/transitions/) or custom transition."
- },
- "v-window-item/reverse-transition": {
- "type": "string | boolean\n",
- "description": "Sets the reverse transition"
- }
- }
|
