NoResult

NoResult displays a visual indication that a query or search returned nothing.

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.

Styling

Theme Variables

VariableDefault Value (Light)Default Value (Dark)
border-NoResult0px solid $borderColor0px solid $borderColor
borderBottom-NoResultnonenone
borderBottomColor-NoResultnonenone
borderBottomStyle-NoResultnonenone
borderBottomWidth-NoResultnonenone
borderColor-NoResultnonenone
borderEndEndRadius-NoResultnonenone
borderEndStartRadius-NoResultnonenone
borderHorizontal-NoResultnonenone
borderHorizontalColor-NoResultnonenone
borderHorizontalStyle-NoResultnonenone
borderHorizontalWidth-NoResultnonenone
borderLeft-NoResultnonenone
color-NoResultnonenone
borderLeftStyle-NoResultnonenone
borderLeftWidth-NoResultnonenone
borderRight-NoResultnonenone
color-NoResultnonenone
borderRightStyle-NoResultnonenone
borderRightWidth-NoResultnonenone
borderStartEndRadius-NoResultnonenone
borderStartStartRadius-NoResultnonenone
borderStyle-NoResultnonenone
borderTop-NoResultnonenone
borderTopColor-NoResultnonenone
borderTopStyle-NoResultnonenone
borderTopWidth-NoResultnonenone
borderHorizontal-NoResultnonenone
borderVerticalColor-NoResultnonenone
borderVerticalStyle-NoResultnonenone
borderVerticalWidth-NoResultnonenone
borderWidth-NoResultnonenone
gap-icon-NoResult$space-2$space-2
padding-NoResultnonenone
paddingBottom-NoResultnonenone
paddingHorizontal-NoResultnonenone
paddingLeft-NoResultnonenone
paddingRight-NoResultnonenone
paddingTop-NoResultnonenone
paddingVertical-NoResult$space-2$space-2
size-icon-NoResult$space-8$space-8