Voluptate veniam aute in magna nisi aliquip. Elit non commodo fugiat id labore cillum. Proident elit cupidatat esse culpa. Laborum excepteur id voluptate adipisicing mollit quis. Cupidatat ad officia ut nostrud consequat consequat minim. Laborum nisi sit cupidatat culpa exercitation aliquip. Eiusmod nostrud dolor laborum exercitation ad reprehenderit.
Tempor dolore enim reprehenderit eu consequat magna eu. Aute ad nostrud irure et labore quis adipisicing. Nulla ullamco dolor duis sint quis pariatur nisi cupidatat consectetur aliquip esse sint.
Adipisicing et esse ipsum sunt amet fugiat in velit eiusmod in. Consectetur enim magna cupidatat consequat amet nisi enim proident non. Id consectetur quis veniam irure Lorem quis sunt do.
Labore eiusmod sint commodo ullamco sit culpa culpa esse officia ullamco. Veniam incididunt proident aliqua minim cillum cupidatat sunt aute tempor ex id fugiat ipsum. In esse magna sunt exercitation eiusmod voluptate eu enim culpa eiusmod cillum Lorem qui.
Dolor tempor deserunt sit minim magna reprehenderit. Pariatur eu dolor minim Lorem aute excepteur velit nisi id non veniam sunt. Voluptate dolore id ea aliquip mollit laborum. Sunt aute sit velit ea non aliqua reprehenderit minim. Voluptate reprehenderit fugiat magna enim quis amet ipsum nisi exercitation consequat exercitation fugiat aute ad. Minim commodo voluptate exercitation quis exercitation excepteur ea ad est consequat ad ut. Voluptate eiusmod irure ipsum veniam reprehenderit.
Lorem exercitation magna aute Lorem amet et adipisicing irure esse occaecat magna amet anim. Amet adipisicing sunt sit commodo nulla sint tempor quis deserunt id quis. Quis tempor quis veniam mollit ipsum nostrud fugiat magna. Quis qui ea aute nisi cillum et. Reprehenderit ex qui reprehenderit culpa veniam amet consectetur. Quis sint magna proident occaecat exercitation consequat consectetur. Exercitation ea eu eu nulla et consectetur consectetur eu aliqua aliqua ipsum.
Culpa incididunt dolore fugiat pariatur reprehenderit nostrud. Sint tempor tempor dolor eu ullamco proident amet quis nulla irure esse incididunt qui. Voluptate proident consequat et reprehenderit laboris tempor id fugiat exercitation ipsum excepteur cillum ex.
Exercitation quis nostrud amet deserunt consequat quis consequat pariatur velit laborum nulla aliquip. Id consequat dolore ullamco reprehenderit incididunt sit officia mollit exercitation occaecat in nisi deserunt nostrud. Adipisicing non do non mollit reprehenderit. Id amet dolore duis reprehenderit anim nisi sunt cillum et. Ex nostrud in duis labore commodo est adipisicing.
Excepteur eu cupidatat fugiat magna incididunt proident ullamco non cupidatat officia nisi ipsum dolore. Laborum mollit velit minim qui. Veniam dolore nisi commodo eu magna consequat enim.
Do duis culpa duis ullamco ex laboris qui. Aliqua ullamco esse amet id ex excepteur do enim veniam ex aliquip excepteur aliqua labore. Sit duis laborum ea nisi sint. Nostrud culpa ad dolore commodo sit aliquip proident anim Lorem consequat et deserunt nisi.
React
Usage
import { ScrollArea } from '@zalify-ui/react'
<ScrollArea.Root>
<ScrollArea.Viewport>
<ScrollArea.Content />
</ScrollArea.Viewport>
<ScrollArea.Scrollbar>
<ScrollArea.Thumb />
</ScrollArea.Scrollbar>
<ScrollArea.Corner />
</ScrollArea.Root>
Examples
Visibility
Use the scrollbar prop to change the scrollbar visibility behavior.
Scrollbar: auto
Et velit dolor quis adipisicing anim exercitation nulla quis culpa id ut deserunt. Reprehenderit do incididunt laboris esse laboris sint reprehenderit elit aute. Magna ipsum et ullamco enim est est aute cupidatat cillum. Adipisicing nostrud reprehenderit aliquip mollit elit nisi Lorem id. Fugiat ullamco elit sint dolor et voluptate incididunt esse do. Qui incididunt esse voluptate id ex anim elit consequat.
Dolor adipisicing dolor labore minim officia sint consectetur minim consectetur consectetur. Nulla ad dolore ut exercitation laborum amet id ex labore cillum sit laboris proident eiusmod. Officia eiusmod exercitation excepteur non officia do nulla deserunt aute. Esse mollit ad non fugiat eiusmod veniam sit ex pariatur est cupidatat aliquip cillum enim.
Proident nisi proident ea duis proident et laborum ad ut adipisicing tempor culpa. Aliquip sit Lorem laboris officia ad commodo dolor incididunt ipsum aute aliqua excepteur anim. Exercitation et nisi fugiat adipisicing exercitation quis exercitation veniam non veniam. Minim sint ipsum sint Lorem nisi. Ullamco culpa ut consequat laboris eu pariatur anim. Sunt quis voluptate aliqua id dolore mollit sit consectetur consectetur irure magna ea.
Irure commodo dolore in amet est velit ut in velit fugiat non proident anim. Ex sunt enim et dolore eu aliqua laborum labore velit ea tempor duis ex non. Eiusmod ipsum eiusmod ad duis nisi tempor aliquip. Minim culpa esse do consectetur dolor id commodo. Exercitation deserunt enim sint pariatur. Tempor irure amet proident cillum elit velit.
Ullamco laborum quis adipisicing elit nulla qui magna aliqua ullamco nostrud dolore cupidatat. Tempor cillum minim fugiat ad duis quis laboris id nostrud cillum incididunt. Lorem elit anim laboris ipsum laboris. Est eu commodo eu ipsum aliqua.
Ut ipsum ea adipisicing fugiat commodo officia eu eiusmod non tempor ad ad. Non amet quis ipsum dolore enim et est magna laboris dolore duis. Cupidatat et voluptate id commodo cillum anim dolore ad dolor pariatur ea mollit sunt. Qui nulla ex adipisicing anim nisi consequat anim elit velit ad. Deserunt anim deserunt ex in consectetur commodo proident velit. Fugiat nostrud id ullamco quis do magna deserunt ex commodo enim laborum.
Irure aliqua amet id sint. In exercitation voluptate labore ad. Officia dolor proident Lorem id velit sit incididunt culpa ipsum amet cupidatat proident laborum mollit.
Minim aute anim nisi minim ex non do tempor quis officia officia consequat excepteur incididunt. Quis officia pariatur laborum aute irure tempor deserunt esse consectetur mollit eiusmod magna dolore exercitation. Ut exercitation anim sit mollit.
Ullamco magna duis amet sint est est sint laboris. Minim aliqua et adipisicing officia tempor. Est ex tempor excepteur ullamco proident. Nisi commodo nisi irure eiusmod pariatur elit ad esse aute do. Non laboris adipisicing sunt id amet veniam dolore. Enim do nisi amet labore aute aute exercitation cupidatat do.
Proident id est qui et ullamco amet duis esse aliquip. Culpa elit aliqua magna consequat deserunt est aliquip pariatur. Fugiat eu officia proident eiusmod. Cillum consequat eiusmod non proident adipisicing adipisicing cillum dolore esse non exercitation excepteur. Proident reprehenderit minim sunt consectetur laborum eiusmod culpa ea qui irure exercitation sit pariatur. Occaecat incididunt exercitation velit aute cillum sunt.
Scrollbar: visible
Ad do Lorem amet ea sunt duis elit. Aliqua aliquip cupidatat excepteur sit enim occaecat excepteur veniam ad nostrud. Ad voluptate cillum anim in et eiusmod occaecat et exercitation ut. Ipsum adipisicing anim esse nisi enim aliquip do sint culpa. Sunt ullamco ex ipsum tempor. Est consequat magna anim aliquip deserunt ea ut sint consequat excepteur mollit qui voluptate commodo.
Dolor adipisicing fugiat deserunt eu voluptate incididunt ipsum elit. Deserunt ipsum elit irure tempor pariatur esse fugiat. Incididunt adipisicing deserunt consequat ex voluptate magna quis ut commodo dolore adipisicing enim cupidatat. Id nisi esse do nisi consectetur culpa dolore incididunt exercitation cillum consectetur duis reprehenderit. Et cillum velit ipsum amet nostrud laborum. Dolore deserunt ut exercitation velit mollit officia. Ad incididunt enim velit voluptate.
Ipsum officia enim reprehenderit non Lorem est occaecat velit et consequat adipisicing exercitation exercitation. Est culpa laboris mollit adipisicing ad. Ut labore qui laborum consectetur.
Nostrud proident officia sunt duis esse pariatur ut reprehenderit quis. Minim amet ullamco veniam dolor eiusmod est. Voluptate tempor ad dolore dolore exercitation labore sunt est Lorem proident sunt est laboris anim. Dolore aliqua sit sint minim nisi ut labore occaecat ea eu ut eiusmod sunt et. Cillum pariatur qui est sint velit pariatur ad.
Elit eiusmod aute incididunt amet duis irure nostrud sit commodo do cupidatat incididunt enim. Est cillum aliquip nulla dolore id. Exercitation aliquip exercitation sunt pariatur officia deserunt. Quis sit nulla eu cillum laborum et excepteur in tempor ex non ex.
Et non labore consequat proident anim commodo tempor aliquip est adipisicing non aute nostrud laboris. Sit nostrud fugiat amet ullamco nostrud eiusmod tempor ut aute ullamco voluptate. Aute eiusmod irure proident cillum voluptate id ex.
Occaecat fugiat officia amet tempor laboris aute in Lorem. Pariatur exercitation laborum commodo deserunt eiusmod consectetur adipisicing eiusmod eu id ad. Non in id in nulla exercitation adipisicing pariatur anim exercitation tempor irure.
Sint duis aliquip cupidatat nostrud velit adipisicing eu sunt aliqua deserunt excepteur non incididunt fugiat. Eu tempor ullamco culpa aute et ea excepteur reprehenderit excepteur non pariatur veniam. Fugiat enim aliquip enim elit laborum aute duis occaecat in aliquip sunt.
Nisi reprehenderit ex adipisicing dolore. Cillum nisi occaecat enim veniam et magna amet do ad aute quis tempor deserunt incididunt. Voluptate amet in dolor velit consequat aliqua amet tempor dolor quis. Lorem mollit voluptate adipisicing id. Mollit reprehenderit aute consequat aute mollit laborum dolor enim laboris. Ad incididunt occaecat quis ex excepteur quis reprehenderit.
Laborum incididunt reprehenderit minim ea. Minim anim ut nulla labore ex pariatur magna pariatur dolore. Anim culpa culpa commodo magna nulla nisi ad. In eu officia incididunt quis cillum consequat nostrud. Ex deserunt veniam laboris est velit. Qui consequat ad commodo occaecat ea ad esse quis pariatur irure cupidatat adipisicing.
React
Sizes
Use the size prop to change the size of the scroll area. This affects the scrollbar thickness and content padding.
Size: xs
Irure occaecat ullamco aliquip Lorem nostrud laboris non duis. Anim Lorem veniam eiusmod consectetur esse mollit sint Lorem commodo veniam. Quis consectetur eu ea magna Lorem fugiat nostrud ipsum aute eu.
Deserunt est excepteur non occaecat Lorem eu ut tempor mollit enim voluptate voluptate do velit. Id amet cupidatat id non ea nulla ut non mollit. Sunt anim excepteur laborum ut velit nulla ipsum in occaecat anim et quis aliqua.
Veniam anim cupidatat eiusmod dolor adipisicing laboris cupidatat est non id non eiusmod. Nisi laborum magna enim nulla sit ut ex consectetur. Eu mollit irure nostrud commodo reprehenderit aliquip excepteur non incididunt adipisicing veniam.
Est sit fugiat qui nulla dolor. Laboris cupidatat ipsum aliqua nisi reprehenderit ex dolore nostrud veniam. Laborum sint est culpa esse nostrud nisi. Anim aliqua tempor nisi veniam pariatur velit. In aliqua aliqua esse dolor nulla non minim cupidatat. Est sit nostrud ad cillum ex cupidatat qui labore cillum consequat non tempor cupidatat occaecat. Dolor non duis nisi consectetur ad id mollit elit adipisicing cillum occaecat non magna.
Aliquip ipsum magna tempor id voluptate exercitation. Anim officia deserunt adipisicing minim quis nulla est elit ex esse. Nisi tempor adipisicing duis voluptate anim occaecat sint velit. Deserunt magna sit aliqua officia culpa est cupidatat aliquip.
Cupidatat nostrud laborum non commodo aliqua cupidatat dolor. Enim sunt est culpa ea laborum voluptate non do consequat. Laborum pariatur dolore adipisicing nulla irure aliqua voluptate dolore duis irure est aliqua est. Laboris eu est adipisicing voluptate. Laboris id consequat do consequat et labore sint deserunt velit dolor minim eu. Magna cupidatat laborum sunt magna nulla aliquip mollit nostrud culpa tempor ea voluptate ullamco. Sint laboris est amet minim esse culpa magna deserunt.
Fugiat nostrud cillum pariatur in magna eiusmod est proident occaecat incididunt do. Commodo dolor ex sit eiusmod minim id qui officia cupidatat. Minim eu nisi amet mollit. Consequat tempor cillum cillum Lorem nostrud ullamco. Do nulla ex deserunt anim tempor cillum amet.
Qui sint qui id nisi Lorem nulla nulla consectetur incididunt do ex. Consectetur tempor voluptate magna laboris in labore officia nulla fugiat. Dolor cupidatat ex proident in sunt ad duis. Ullamco minim nisi elit ex aute id est ex dolore Lorem culpa officia. Ad sint deserunt aliqua do aute esse deserunt dolore nulla commodo ullamco. Irure labore exercitation consequat aute. Sunt magna nostrud velit cillum sint.
Eiusmod mollit aliquip culpa consequat quis sit tempor labore occaecat adipisicing non laborum ex. Sint sit occaecat aliquip occaecat cillum labore sunt consequat laborum anim anim minim. Id elit deserunt exercitation voluptate aute exercitation elit cillum. Sunt aliqua ut aute officia sit. Culpa nulla nostrud excepteur sit sint consectetur irure sint consequat elit tempor. Esse aliquip exercitation tempor proident sunt.
Tempor ex cupidatat id nostrud et elit. Ea sit nostrud nulla eu dolor nulla deserunt nostrud. Et Lorem velit labore proident excepteur cupidatat duis do. Eu nostrud ea ea anim consequat exercitation anim consectetur irure tempor excepteur aute in. Dolor adipisicing deserunt adipisicing dolore laboris eu nulla ut esse.
Size: sm
In cupidatat sit enim duis incididunt proident sit nulla fugiat nulla. Aliqua nulla aliqua cupidatat pariatur sint reprehenderit amet veniam consectetur. Qui anim tempor sunt culpa elit consequat voluptate sit ad nostrud esse eiusmod. Pariatur aliqua adipisicing id enim amet nisi dolor proident nisi dolor anim commodo. Laborum consectetur velit do id Lorem nulla sint et incididunt. Aute enim culpa nisi commodo amet. Et consequat nulla consequat mollit anim irure est adipisicing pariatur elit anim ipsum enim.
Aliqua sit Lorem ullamco labore incididunt. Qui veniam ex reprehenderit pariatur eu duis voluptate amet excepteur nulla aliqua. Cupidatat reprehenderit non magna velit.
Nulla id proident nostrud sint incididunt culpa amet sint ea. Nulla cillum tempor Lorem enim duis Lorem. Eu sunt magna amet est velit laborum et. Et nulla enim eu do quis officia laboris. Ipsum laboris id velit excepteur do ad occaecat consectetur.
Ex esse exercitation mollit occaecat ad. Mollit aliquip nulla cillum eiusmod in. Enim eiusmod duis excepteur exercitation qui.
Laboris reprehenderit commodo ea veniam proident. Cillum consequat aliquip nostrud et mollit aliqua. Elit qui consequat ea labore voluptate. Commodo enim duis elit consequat Lorem in enim cupidatat elit elit sit.
Voluptate esse labore laboris sint ex consectetur. Irure quis laborum ex nulla nisi amet proident incididunt. Ut tempor nostrud proident irure elit non non et elit minim fugiat magna aliqua incididunt. Laborum aute irure ex quis voluptate commodo ullamco elit.
Irure aute nisi excepteur tempor. Id magna Lorem dolore non tempor Lorem laborum labore consequat nulla aliqua officia ad. Fugiat deserunt ut commodo culpa pariatur aliqua. Magna qui laboris aliquip exercitation excepteur incididunt. Veniam reprehenderit eiusmod amet exercitation aliqua deserunt esse nisi labore qui. Cupidatat laborum in anim nisi exercitation sit dolor qui cillum deserunt.
Minim nulla veniam consequat et elit aliquip tempor ea ea elit cillum tempor culpa aute. Est reprehenderit Lorem enim et magna. Consectetur dolore ex occaecat do veniam mollit occaecat laborum magna dolore. Sunt fugiat do dolor nulla veniam occaecat laboris laborum fugiat pariatur quis minim. Adipisicing aliqua adipisicing nulla consequat tempor magna. Ipsum aute duis magna cupidatat labore mollit esse sit nulla laboris nisi. Consectetur culpa aliqua occaecat deserunt aute aliquip magna.
Irure velit ad ex mollit irure do. Officia sunt consectetur tempor occaecat cillum est. Deserunt ullamco enim ut nostrud aliqua aliqua velit in est fugiat irure sint cillum excepteur.
Enim voluptate enim exercitation tempor velit veniam excepteur veniam ad est nostrud do. Proident proident eiusmod cillum labore culpa nisi. Velit commodo enim ipsum occaecat excepteur. Occaecat labore veniam nostrud deserunt aliqua sit aute in incididunt officia quis culpa ad velit. Veniam sunt proident tempor tempor cillum aliqua. Labore velit aliqua consectetur aliquip.
Size: md
Laboris non officia reprehenderit Lorem anim dolore velit. Aliquip fugiat dolor velit sit mollit mollit proident deserunt mollit commodo deserunt reprehenderit. Exercitation ut commodo et anim. Ad adipisicing magna cupidatat amet qui ut culpa sit nisi nulla enim reprehenderit dolor. Sunt deserunt et ipsum non aliqua.
Reprehenderit eiusmod consequat excepteur ullamco esse laboris consequat pariatur velit anim excepteur magna. Non eu laboris et commodo eu officia cupidatat Lorem culpa tempor. Ipsum sit in magna sit tempor occaecat ad velit.
Officia labore est pariatur ad. Cupidatat ut proident nostrud ut sit excepteur sit Lorem velit ea duis do voluptate consectetur. Laboris duis ad sunt ex non sint velit excepteur anim sit dolore ipsum magna sunt. Magna aute amet do reprehenderit anim cupidatat.
Ad est ut eu consequat est eu elit duis cupidatat est fugiat labore commodo. Laborum et culpa exercitation eiusmod quis duis voluptate voluptate proident amet. Ipsum fugiat eiusmod Lorem cillum esse duis consequat. Adipisicing magna minim ipsum non excepteur ex.
Et officia velit fugiat in officia tempor consequat nostrud qui officia non cupidatat sint. Tempor sunt esse culpa anim mollit exercitation esse culpa labore incididunt ut. Ullamco laborum cillum officia commodo. Fugiat proident sunt consequat mollit veniam occaecat laboris cupidatat id.
Duis officia dolore consectetur id tempor in excepteur nulla sit in cillum velit minim laborum. Cillum et fugiat in eiusmod proident nisi elit excepteur non. Et ex anim culpa in reprehenderit reprehenderit deserunt dolore esse voluptate aliquip. Id adipisicing minim officia nulla eiusmod do nostrud ad reprehenderit. Est mollit incididunt aute nisi ullamco irure culpa nulla veniam.
Minim ex id sint reprehenderit laboris adipisicing excepteur id. Do mollit consequat non labore fugiat labore dolore nulla aliquip elit consectetur ipsum do. Sit ad dolore nulla ipsum aute proident incididunt consectetur ad nostrud adipisicing qui aliquip. Occaecat tempor minim duis laborum fugiat eu est aute.
Sunt pariatur deserunt exercitation ad culpa sit elit sit tempor quis voluptate. Aute qui anim labore ut nostrud. Officia amet pariatur aliquip eiusmod aliquip ea nulla officia velit quis irure eu. Ut sit duis non fugiat sit consectetur amet ea Lorem excepteur quis occaecat nulla.
Amet in voluptate velit adipisicing amet veniam ut aute et fugiat duis aliquip elit. Non reprehenderit cupidatat aute laboris sint dolor ad occaecat. Laboris ex quis ipsum ex labore ipsum est duis est dolore magna quis sint reprehenderit.
Tempor sit mollit eiusmod ipsum reprehenderit. Id voluptate amet in qui ipsum fugiat aliquip do amet. Proident do eiusmod ad cillum irure ipsum. Consequat nisi et nisi reprehenderit qui ad est. Irure qui ad culpa ipsum sunt culpa anim duis id id incididunt voluptate exercitation sunt. Nulla ipsum eu eu commodo.
Size: lg
Labore irure consectetur commodo magna aliquip aliquip sunt minim cillum dolor qui est. Exercitation minim aliqua sint reprehenderit veniam. Duis ex dolor consequat est officia. Ex sint fugiat anim non aliquip culpa.
Aliquip magna veniam nisi amet laborum. Velit tempor dolore aliqua culpa laborum fugiat reprehenderit. Ea officia nostrud id pariatur minim nostrud tempor Lorem. Ullamco quis velit eu do nisi reprehenderit est tempor laboris cupidatat consectetur nisi magna dolor. Incididunt tempor eu aliqua in aute elit laboris aliquip laboris veniam esse elit. Cillum dolore laboris sunt consequat consectetur cillum magna veniam fugiat cupidatat ut labore anim.
Occaecat et fugiat eu officia nulla duis elit. Ad voluptate exercitation officia commodo occaecat sit esse do aliqua nostrud. Duis commodo anim adipisicing aliqua duis elit adipisicing. Laboris pariatur nulla ut non elit fugiat cillum mollit fugiat. Quis veniam qui adipisicing cillum consectetur sunt. Adipisicing nulla reprehenderit et id velit exercitation excepteur officia non elit qui duis laborum non. Est est amet nulla eu eu do labore nostrud nisi cupidatat ad.
Reprehenderit aliquip proident culpa incididunt exercitation dolore nisi deserunt amet excepteur Lorem. Officia et quis officia fugiat occaecat ipsum. Ex voluptate ipsum sunt qui commodo consectetur ipsum mollit. Sit esse laboris commodo sunt esse proident consequat.
Amet eu sint incididunt dolore. Et ullamco commodo laboris minim aliquip elit laboris ea ullamco. Id veniam adipisicing culpa occaecat. In fugiat proident ad cupidatat.
Nulla enim laboris consequat sit esse. Consequat eu nisi excepteur Lorem excepteur. Ad qui minim non eu nisi cupidatat occaecat laboris.
Nostrud fugiat deserunt voluptate esse. Nostrud fugiat irure nostrud sunt occaecat labore minim aliquip aliquip fugiat consectetur. Ex do sit adipisicing cillum adipisicing cupidatat nostrud. Consectetur commodo excepteur id culpa magna. Exercitation aliquip aliqua anim elit cupidatat cupidatat reprehenderit ipsum consectetur ipsum.
Nostrud ea in sit dolore quis ex Lorem ipsum laborum adipisicing ea ut aliqua. Esse eiusmod amet excepteur duis. Ut fugiat incididunt non ut.
Do tempor excepteur minim est reprehenderit deserunt aliqua Lorem amet deserunt labore. Aliquip occaecat voluptate dolore aliquip amet et elit sit culpa adipisicing mollit fugiat reprehenderit consequat. Dolor fugiat ad sunt consequat enim officia ex sint amet minim dolor occaecat labore in. Tempor quis ea et quis. Officia excepteur occaecat magna fugiat. Sit veniam id tempor ad esse est.
Laboris voluptate anim anim et ipsum mollit aliquip sunt commodo labore. Commodo culpa occaecat deserunt consectetur. Occaecat amet dolore et occaecat dolor. Minim aliquip nulla veniam ullamco minim veniam. Incididunt excepteur exercitation proident do aute id laboris. Quis tempor nostrud nulla incididunt reprehenderit minim irure reprehenderit eiusmod. Fugiat amet sunt amet aliquip consectetur voluptate occaecat.
React
Horizontal
The scroll area automatically supports horizontal scrolling when content overflows horizontally.
React
Virtualization
Use @tanstack/react-virtual to handle large datasets efficiently by rendering only visible items.
React
Infinite Scroll
Here is an example of implementing infinite scroll with the scroll area component.
React
Props
Root
| Prop | Default | Type |
|---|---|---|
scrollbar | 'auto' | 'auto' | 'visible' |
size | 'md' | 'xs' | 'sm' | 'md' | 'lg' |
asChild | booleanUse the provided child element as the default rendered element, combining their props and behavior. | |
ids | Partial<{ root: string; viewport: string; content: string; scrollbar: string; thumb: string }>The ids of the scroll area elements |
Scrollbar
| Prop | Default | Type |
|---|---|---|
asChild | booleanUse the provided child element as the default rendered element, combining their props and behavior. | |
orientation | Orientation |