@nextcloud/vueNcNoteCard
Props
| Prop name | Description | Type | Values | Default |
|---|---|---|---|---|
| type | Type of the attribute | string | success, warning, error | 'warning' |
| showAlert | boolean | - | false | |
| heading | string | - | '' |
Slots
| Name | Description | Bindings |
|---|---|---|
| default |
This component is made to display additional information to the user. It is available in three versions:
- success: Display a successful message
- warning: Display a warning to the user. This indicate that the action they want
- error: Display an error message. For example
When using an error type,
vue
<div>
<NcNoteCard type="warning">
<p>This is dangerous</p>
</NcNoteCard>
<NcNoteCard type="error" heading="Error">
<p>The server is not happy and reported the following error</p>
</NcNoteCard>
<NcNoteCard type="success">
<p>You won</p>
</NcNoteCard>
</div>