Notice

<Notice
	label='Hello there'
	subtitle='This is a notification subtitle'
/>

<Notice label='Hello there!' />

Highlighted props

For the complete list of props, use your IDE's autocomplete functionality.

Type

<Notice
	label='Hello there'
	subtitle='This is a notification subtitle'
	type='error'
/>

Icon override

<Notice
	label='Warning'
	subtitle='Potential magic ahead'
	type='warning'
	icon={icons.magicAltFillTransparent}
/>

Align icon to title

Aligns the icon vertically to the title, instead of the whole notice. Useful if the content of the notice is longer.

<Notice
	label='Lorem ipsum...'
	subtitle='...'
	type='info'
	alignIconToTitle
/>