Overflow

Overflow utility CSS classes can be used to control the overflow of content within elements.

In this demo four cards demonstrate overflow classes: rz-overflow-auto (scrolls only when needed), rz-overflow-scroll (always shows scrollbars), rz-overflow-hidden (clips content), and rz-overflow-visible (content overflows the container), with responsive variants available like rz-overflow-{breakpoint}-scroll.

If you need to specify how the text content should wrap, use rz-text-wrap, rz-text-nowrap, and rz-text-truncate. See the Text Wrap demo.

Responsive overflow link

You can set a specific overflow value for different screen sizes by inserting the respective breakpoint abbreviation.

For example .rz-overflow-{breakpoint}-scroll, where {breakpoint} can be xs, sm, md, lg, xl, xx.

Learn more about Breakpoints.

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Start Free See Subscription Plans

Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under MIT