Search input

Description

Use search input for dynamically searching

Activate Sass component

In order to have the styling of this component available, you need to include it in your project. After including the Radius library in your main ./index.scss file, add this snippet:

@include radius-component-form-element;;
@include radius-component-form-field-status;;
@include radius-component-form-input;;
@include radius-component-form-label;;
@include radius-component-form-search;
@include radius-component-label;;
@include radius-component-paragraph-heading;;

Usage

  1. HTML
  2. React

No examples available.

Code example

import Search from 'radius/dist/m2dm/react/forms/search';

<Search
  inputValue="Hello"
  items={{heading: "The heading", description: "The description"}}
  onChange=\{(event) => console.log('onChange trigger', event)}
  onInputValueChange=((event) => console.log('onInputValueChange trigger', event))
  selectedItem={{heading: "The heading", description: "The description"}}
/>

No examples available.