@vicinae/api
    Preparing search index...

    Type Alias Props

    type Props = {
        actions?: React.ReactNode;
        children?: React.ReactNode;
        enableFiltering?: boolean;
        filtering?: boolean;
        isLoading?: boolean;
        isShowingDetail?: boolean;
        navigationTitle?: string;
        onSearchTextChange?: (text: string) => void;
        onSelectionChange?: (id: string) => void;
        searchBarAccessory?: ReactNode;
        searchBarPlaceholder?: string;
        searchText?: string;
        throttle?: boolean;
    }
    Index

    Properties

    actions?: React.ReactNode

    Action panel to use when no list item matches the current search query.

    children?: React.ReactNode

    List items or sections to render inside this list.

    enableFiltering?: boolean

    use filtering

    filtering?: boolean

    Whether to use Vicinae's builtin fuzzy filtering.

    This is turned on by default unless a onSearchTextChange handler is passed, indicating that custom filtering is desired.

    isLoading?: boolean

    If true, a loading indicator is shown right below the search bar to indicate loading activity.

    isShowingDetail?: boolean

    Whether to show the current list item's detail, if any. If the current list item does not have a detail, this does nothing.

    navigationTitle?: string

    The navigation title to display on the bottom left of the status bar, next to the command icon. This defaults to the name of the command.

    onSearchTextChange?: (text: string) => void

    Called every time the user modifies the search text by typing or editing. This can be throttled using the throttle prop.

    Type Declaration

      • (text: string): void
      • Parameters

        • text: string

          The new search text

        Returns void

    onSelectionChange?: (id: string) => void

    Called every time the currently selected item changes. Note that this does not fire when transitioning from having a selected item to none at all.

    searchBarAccessory?: ReactNode

    Accessory to show on the right of the search input. The list component only supports rendering a dropdown, in order to provide more filtering options.

    Dropdown

    searchBarPlaceholder?: string

    The placeholder to show in the search bar if there is no search query.

    searchText?: string

    Bind this prop to the value of the search text. This is used to turn the List into a controlled component.

    throttle?: boolean

    Throttle the search so that search text change events are sent after a short delay instead of instaneously. Highly recommended if you need to fetch data on every change.

    false