• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
New to Kendo UI for Angular? Start a free 30-day trial

RippleContainerDirective

Represents the Ripple container component.

You can apply this directive to any container element. The ripple effect will show on the following elements:

  • Buttons
  • Checkboxes
  • Radio buttons
<div kendoRippleContainer>
    <button kendoButton>Default Button</button>

    <button kendoButton [primary]="true">Primary Button</button>
</div>

Selector

[kendoRippleContainer]

Inputs

NameTypeDefaultDescription

disabled

boolean

Provides an option to disable the ripple effect of the kendoRippleContainer element. By default, disabled is set to false.

In this article

Not finding the help you need?