Tooltip

The Tooltip component is a small pop-up box that appears when the user hovers or clicks on a UI element. It is commonly used to provide additional information or context to the user.

NOTE: Please ensure you have reviewed the instructions in Get Started , as there are pre-requirements when using this component.

Show tooltip with string message link

Show string message tooltip when the user hovers a Radzen component.

Tooltip positions link

Place the Tooltip to the left, right, top, or bottom of a component.

Show tooltip with HTML content link

Show HTML content tooltip when the user hovers a Radzen component.

Tooltip delay and duration link

Show tooltip with delay when the user hovers a component and close it after 5 seconds.

Close Tooltip on page click link

Show styled tooltip on button click and close it on page click.

Tooltip on HTML element link

Show string message tooltip when the user hovers an HTML element.

Introducing Radzen Blazor Studio

Radzen Blazor Studio is a desktop tool that empowers developers to create beautiful business Blazor apps. Develop your Blazor Server and WebAssembly applications visually with familiar WYSIWYG interface.

open_in_new Try Now play_circle_outline See in Action

New

Radzen
Blazor Studio

Radzen Blazor Studio is a desktop tool that empowers developers to create beautiful Blazor apps.

Develop your Blazor Server and WebAssembly applications visually with familiar WYSIWYG interface.

open_in_new Try Now play_circle_outline See in Action

Overview
Dashboard
Get Started
Support
UI Fundamentals
- Themes
- Colors
- Typography
- Icons
- Borders
- Shadows
- Ripple
- Breakpoints
- Spacing
DataGrid Updated
- Data-binding
- Virtualization
  - IQueryable support
  - LoadData support
- Columns Updated
- Filtering Updated
- Hierarchy Updated
- Selection Updated
- Sorting
- Paging Updated
- Grouping Updated
- Density
- Custom Header
  - Header with button
  - Header with column picker
- GridLines
- Cell Context Menu
- Save/Load settings Updated
  - IQueryable New
  - LoadData binding New
- InLine Editing
- Conditional formatting
- Export to Excel and CSV
- Cascading DropDowns
- Empty Data Grid
Data Updated
- DataList
  - IQueryable New
  - OData service New
- DataFilter
- Pager
- Scheduler Updated
- Tree
Images
- Gravatar
- Image
Layout
- Layout
- Stack
- Row
- Column
- Card Updated
- Dialog
- Panel
- Splitter
- Popup New
Navigation
- Accordion
- BreadCrumb
- ContextMenu
- Link
- Login
- Menu
- PanelMenu
- ProfileMenu
- Steps
- Tabs
Forms
- AutoComplete
- Button
- CheckBox
- CheckBoxList
- ColorPicker
- DatePicker
- DropDown
  - Single selection Updated
  - Multiple selection Updated
  - Virtualization Updated
  - Filtering Updated
  - Grouping Updated
  - Custom objects binding Updated
- DropDownDataGrid
- Fieldset
- FileInput
- FormField New
- HtmlEditor
  - Default Tools
  - Custom Tools
- ListBox
- Mask
- Numeric
- Password
- RadioButtonList
- Rating
- SelectBar
- Slider
- SpeechToTextButton New
- SplitButton
- Switch
- TemplateForm
- TextArea
- TextBox
- Upload
Data Visualization
- Chart Updated
  - Series
  - Area Chart
  - Bar Chart
  - Column Chart
  - Donut Chart
  - Line Chart
  - Pie Chart
  - Stacked Bar Chart
  - Stacked Column Chart
  - Axis
  - Legend
  - ToolTip
  - Trends
  - Annotations
  - Interpolation New
  - Styling Chart
- Arc Gauge
- Radial Gauge
- Styling Gauge
- Timeline New
- GoogleMap
Feedback
- Badge
- Notification
- Alert
  - Alert Configuration
  - Alert Styling
- ProgressBar Updated
- ProgressBarCircular New
- Tooltip
Validators