calcite_notice: Create a Notice component

In calcite: Bindings to the Calcite Design System 'JavaScript' Component Library

Create a Notice component

Description

Create a Notice component

Usage

calcite_notice(...)

Arguments

...	named attributes passed to htmltools::tag()

Details

Notices are intended to be used to present users with important-but-not-crucial contextual tips or copy. Because notices are displayed inline, a common use case is displaying them on page-load to present users with short hints or contextual copy. They are optionally closable - useful for keeping track of whether or not a user has closed the notice. You can also choose not to display a notice on page load and set the "active" attribute as needed to contextually provide inline messaging to users.

Properties

The following properties are provided by this component:

Name	Attribute	Description	Values	Reflects to Attribute
closable	closable	When true, a close button is added to the component.	boolean	TRUE
icon	icon	When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.	boolean | string	TRUE
iconFlipRtl	icon-flip-rtl	When true, the icon will be flipped when the element direction is right-to-left ("rtl").	boolean	TRUE
kind	kind	Specifies the kind of the component, which will apply to top border and icon.	"brand" | "danger" | "info" | "success" | "warning"	TRUE
messageOverrides	NA	Use this property to override individual strings used by the component.	Check API reference	FALSE
open	open	When true, the component is visible.	boolean	TRUE
scale	scale	Specifies the size of the component.	"l" | "m" | "s"	TRUE
width	width	Check API reference	"auto" | "full" | "half"	TRUE

Events

The following events are observed by shiny:

Event	Description
calciteNoticeBeforeClose	Fires when the component is requested to be closed and before the closing transition begins.
calciteNoticeBeforeOpen	Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
calciteNoticeClose	Fires when the component is closed and animation is complete.
calciteNoticeOpen	Fires when the component is open and animation is complete.

Slots

The following slots are provided by this component:

Slot	Description
title	A slot for adding the title.
message	A slot for adding the message.
link	A slot for adding a calcite-action to take, such as: "undo", "try again", "link to page", etc.
actions-end	A slot for adding calcite-actions to the end of the component. It is recommended to use two or less actions.

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_notice()

calcite documentation built on April 3, 2025, 7:11 p.m.