What severity levels does InfoBar support?

Set the status prop to 'information', 'attention', 'warning', 'critical', or 'success' to change the visual style and meaning.

How do I make an InfoBar non-dismissible?

Set the hideCloseButton prop to hide the close button so the message cannot be dismissed by the user.

InfoBar

El control InfoBar sirve para mostrar a los usuarios mensajes de estado visibles en toda la aplicación sin resultar intrusivos. Tiene niveles de severidad integrados para indicar fácilmente el tipo de mensaje mostrado, así como la opción de incluir tu propia llamada a la acción o un botón de hipervínculo. Como InfoBar está en línea con otro contenido de la interfaz, puede permanecer visible o ser descartado por el usuario.

Attention

This is an attention message.

Warning

This is a warning message.

Success

This is a success message.

Uso

<script lang="ts">
  import { InfoBar } from 'fluentui-svelte';
</script>

<InfoBar status="information" title="Information">
  <p>This is an informational message.</p>
</InfoBar>

API del componente

Una breve explicación de las propiedades que realmente necesitan explicación. Puedes ver el resto de las propiedades aquí.

Status

La propiedad status determina el estilo visual y el significado de InfoBar.

View Code

Information

This is an informational message.

Attention

This is an attention message.

Warning

This is a warning message.

Critical

This is a critical message.

Success

This is a success message.

Style

La propiedad style determina el diseño de InfoBar.

View Code

Inline Style

This is an inline styled InfoBar.

Multiline Style

This is a multiline styled InfoBar.

Hide Close Button

La propiedad hideCloseButton te permite ocultar el botón de cierre en InfoBar.

View Code

Without Close Button

This InfoBar does not have a close button.

With Close Button

This InfoBar has a close button.

Propiedades del componente

Name	Type	Description
`status`	`string`	El estado de InfoBar. Valores posibles: 'information', 'attention', 'warning', 'critical', 'success'.
`style`	`string`	El estilo de InfoBar. Valores posibles: 'inline', 'multiline'.
`title`	`string`	El título de InfoBar.
`icon`	`Snippet` \| `Component`	El icono que se muestra en InfoBar.
`iconSize`	`number`	El tamaño del icono en píxeles. Predeterminado: 20.
`hideCloseButton`	`boolean`	Indica si se debe ocultar el botón de cierre. Predeterminado: false.
`children`	`Snippet`	Los elementos hijo que se renderizan dentro de InfoBar.