Feedback & indicatorsNotice

Notice

While notices are an effective method of communicating with users, they can be disruptive and should be used sparingly.

Prop	Type	Required	Default	Description
`actions`	`{ primary?: Action; secondary?: Action; }`	—	—	—
`children`	`ReactNode`	Yes	—	—
`icon`	`ComponentType<IconProps>`	—	—	Replace the default icon. The default icons are appropriate for the "tone" and provide context for users that aren't able to discern intent from colour alone. For continuity within our products we recommend that this is rarely used.
`size`	`keyof typeof sizeToPadding` `medium`\|`small`	—	`medium`	—
`title`	`string`	—	—	—
`tone`	`Tones` `informative`\|`cautious`\|`positive`\|`critical`	—	`informative`	—

Notice — Guidelines

When to reach for a notice, and guidance on actions and icon usage.

Scroll Mask

The scroll mask is primarily an internal helper used in components like the DataTable, where content may horizontally overflow its container.