Response Effect

Content

Codesnippets

When a button element is clicked or tapped, a discreetly animated, ring-shaped impulse appears as a response effect. It is used to provide direct, visual feedback to a user entry.

HTML

<button class="aui-button aui-button--primary aui-js-response" type="button">Primary Button</button>

Use

The response effect is only used with buttons.

Component	Use of response
Button	yes
Button group	yes
Text button	yes
System button	yes
Content icons	no
Form elements	no
Text links	no
Video players	yes
Content sliders	no
Draggable elements	no
Pagination	no
Tooltips and notifications	no
Navigation	no

Response Effect

Use

Component

Use of response

Read next

User Interface / UI Animation / Functional Animation

Your CI-Support

May we help you?