Moul UIBeta
Components

SearchField

Documentation for the SearchField component.

React Aria

SearchField

Preview

The SearchField component is built with React Aria and styled using StyleX.

Import

import { SearchField } from '@moul-dev/ui';

Usage

Here is a basic example of how to use the SearchField component:

import { SearchField } from '@moul-dev/ui';

export default function Example() {
  return (
    <SearchField>
      {/* Component content */}
    </SearchField>
  );
}

Props

SearchField Props

Prop

Type

Default className: react-aria-SearchField

Render PropCSS Selector
isDisabled
Whether the search field is disabled.
[data-disabled]
isInvalid
Whether the search field is invalid.
[data-invalid]

On this page