AccordionAlertAlert DialogAspect RatioAvatarBadgeBreadcrumbButtonButton GroupCalendarCardCarouselChartCheckboxCollapsibleComboboxCommandContext MenuData TableDate PickerDialogDirectionDrawerDropdown MenuEmptyFieldHover CardInputInput GroupInput OTPItemKbdLabelMenubarNative SelectNavigation MenuPaginationPopoverProgressRadio GroupResizableScroll AreaSelectSeparatorSheetSidebarSkeletonSliderSonnerSpinnerSwitchTableTabsTextareaToastToggleToggle GroupTooltipTypography
Scroll Area
Augments native scroll functionality for custom, cross-browser styling.
Tags
v1.2.0-beta.1
v1.1.0
v1.0.4
v1.0.3
v1.0.2
v1.0.1
v1.0.0
v0.9.0
v0.8.5
v0.8.4
v0.8.3
v0.8.2
v0.8.1
v0.8.0
v0.7.0
v0.6.2
v0.6.1
v0.6.0
v0.5.0
v0.4.0
templ
templ ScrollAreaDemo() {
<div class="w-64">
@ui.ScrollArea("h-72 rounded-md border", nil) {
<div class="p-4">
<h4 class="mb-4 text-sm font-medium leading-none">Tags</h4>
for _, tag := range scrollAreaTags() {
<div class="text-sm py-1">{ tag }</div>
<div class="my-1 h-px bg-border"></div>
}
</div>
}
</div>
}