NoResult
NoResult is a component that displays a visual indication that some data query (search) resulted in no (zero) items.
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>icon
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>label
This property sets the label of the component.
Customize the displayed text using this property. Leave empty to omit it.
<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.
Styling
The NoResult component uses these theme variables to customize its appearance:
paddingVertical-NoResultgap-icon-NoResultsize-icon-NoResult
Theme Variables
| Variable | Default Value (Light) | Default Value (Dark) |
|---|---|---|
| border-NoResult | 0px solid $borderColor | 0px solid $borderColor |
| borderBottom-NoResult | none | none |
| borderBottomColor-NoResult | none | none |
| borderBottomStyle-NoResult | none | none |
| borderBottomWidth-NoResult | none | none |
| borderColor-NoResult | none | none |
| borderEndEndRadius-NoResult | none | none |
| borderEndStartRadius-NoResult | none | none |
| borderHorizontal-NoResult | none | none |
| borderHorizontalColor-NoResult | none | none |
| borderHorizontalStyle-NoResult | none | none |
| borderHorizontalWidth-NoResult | none | none |
| borderLeft-NoResult | none | none |
| color-NoResult | none | none |
| borderLeftStyle-NoResult | none | none |
| borderLeftWidth-NoResult | none | none |
| borderRight-NoResult | none | none |
| color-NoResult | none | none |
| borderRightStyle-NoResult | none | none |
| borderRightWidth-NoResult | none | none |
| borderStartEndRadius-NoResult | none | none |
| borderStartStartRadius-NoResult | none | none |
| borderStyle-NoResult | none | none |
| borderTop-NoResult | none | none |
| borderTopColor-NoResult | none | none |
| borderTopStyle-NoResult | none | none |
| borderTopWidth-NoResult | none | none |
| borderHorizontal-NoResult | none | none |
| borderVerticalColor-NoResult | none | none |
| borderVerticalStyle-NoResult | none | none |
| borderVerticalWidth-NoResult | none | none |
| borderWidth-NoResult | none | none |
| gap-icon-NoResult | $space-2 | $space-2 |
| padding-NoResult | none | none |
| paddingBottom-NoResult | none | none |
| paddingHorizontal-NoResult | none | none |
| paddingLeft-NoResult | none | none |
| paddingRight-NoResult | none | none |
| paddingTop-NoResult | none | none |
| paddingVertical-NoResult | $space-2 | $space-2 |
| size-icon-NoResult | $space-8 | $space-8 |