UNPKG

carbon-components

Version:

Carbon Components is a component library for IBM Cloud

carbondesignsystem.com

IBM/carbon-components

34 lines (25 loc) • 2.11 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
### SCSS #### Modifiers Use these modifiers with `.bx--search` class. | Name | Description | |--------------------|----------------------------------------------| | .bx--search--sm | Selector for applying small search styles | | .bx--search--lg | Selector for applying standard search styles | | .bx--search--light | Selector for applying light search styles | ### JavaScript #### Public Methods | Name | Params | Description | |--------------|---------------------------------|------------------------------------------| | toggleLayout | element: `Object` | Toggles between the grid and list layout | | showClear | value: `String`, icon: `Object` | Toggles the clear icon visibility | | release | | Deletes the instance | #### Options | Option | Default Selector | Description | |-----------------------|----------------------------------------|-------------------------------------------------------------| | selectorInit | [data-search] | The selector to find the Search element. | | selectorSearchView | [data-search-view] | The selector to find the search view icon containers. | | selectorSearchInput | .bx--search-input | The selector to find the search input. | | selectorClearIcon | .bx--search-close | The selector for the clear icon that clears the search box. | | selectorIconContainer | .bx--search-button[data-search-toggle] | The data attribute selector for the icon layout container. | | classClearHidden | bx--search-close--hidden | The class used to hide the clear icon. | | classLayoutHidden | bx--search-view--hidden | The class used to hide the non-selected layout view. |