NoResult
NoResult displays a visual indication that a query or search returned nothing.
Behaviors
This component supports the following behaviors:
| Behavior | Properties |
|---|---|
| Animation | animation, animationOptions |
| Bookmark | bookmark, bookmarkLevel, bookmarkTitle, bookmarkOmitFromToc |
| Live Region | withLiveRegion, liveRegionMessage, liveRegionPoliteness |
| Tooltip | tooltip, tooltipMarkdown, tooltipOptions |
| Styling Variant | variant |
Properties
hideIcon
default: false
This boolean property indicates if the icon should be hidden.
<App>
<FlowLayout>
<NoResult hideIcon="true" width="50%" />
<NoResult hideIcon="false" width="50%" />
</FlowLayout>
</App>Example: hideIcon
<App>
<FlowLayout>
<NoResult hideIcon="true" width="50%" />
<NoResult hideIcon="false" width="50%" />
</FlowLayout>
</App>icon
default: "noresult"
This property defines the icon to display with the component.
This property defines the icon to display with the component. For a list of of available icons consult Icon documentation.
<App>
<NoResult icon="error" height="100%" />
</App>Example: icon
<App>
<NoResult icon="error" height="100%" />
</App>label
This property sets the label of the component. If not set, the component will not display a label.
Customize the displayed text using this property. Leave empty to omit it.
<App>
<NoResult label="Sorry, found nothing!" height="100%" />
</App>Example: label
<App>
<NoResult label="Sorry, found nothing!" height="100%" />
</App>Events
This component does not have any events.
Exposed Methods
This component does not expose any methods.