@spectrum-web-components/search NPM | npm.io

1.7.0 • Published 1 month ago

Install

Weekly downloads

385

License

Apache-2.0

Repository

Last release

1 month ago

Description

The <sp-search> element delivers a single input field with a "reset" button as well as a mangifying glass icon with which to power search interactions.

Usage

yarn add @spectrum-web-components/search

Import the side effectful registration of <sp-search> via:

import '@spectrum-web-components/search/sp-search.js';

When looking to leverage the Search base class as a type and/or for extension purposes, do so via:

import { Search } from '@spectrum-web-components/search';

Sizes

<sp-search size="s"></sp-search>
<sp-search size="s" disabled></sp-search>

<sp-search></sp-search>
<sp-search disabled></sp-search>

<sp-search size="l"></sp-search>
<sp-search size="l" disabled></sp-search>

<sp-search size="xl"></sp-search>
<sp-search size="xl" disabled></sp-search>

Variants

Quiet

<sp-search quiet></sp-search>
<sp-search quiet disabled></sp-search>

Events

The submit event fires when the <sp-search> is submitted. This is a non-composed event inline with what you would expect a <form />{:target="_blank"} to fire. If you choose to prevent the default of this event, the default action for the underlying <form /> element will also be prevented, which will allow you to handle the search action in javascript.

Properties

holdValueOnEscape

Type: boolean
Default: false

If holdValueOnEscape controls whether the typed value should be held (i.e., not cleared or reset) when the Escape key is pressed. If set to true, pressing the Escape key will not affect the value in the search field.

design-system spectrum adobe adobe-spectrum web components web-components lit-element lit-html component css

@spectrum-web-components/base @spectrum-web-components/button @spectrum-web-components/icon @spectrum-web-components/icons-workflow @spectrum-web-components/textfield

@infinitebrahmanuniverse/nolb-_spe @everything-registry/sub-chunk-857 @spectrum-web-components/bundle @swc-react/search

3 months ago

0.0.0-20250211061642

5 months ago

4 months ago

3 months ago

0.0.0-20250210092211

5 months ago

4 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

0.0.0-20250327111926

4 months ago

0.0.0-20241211115453

8 months ago

4 months ago

4 months ago

0.0.0-20250210095839

5 months ago

1.7.0-snapshot.20250609112703

2 months ago

9 months ago

9 months ago

0.0.0-20241211113516

8 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

1.3.0-testing.0

5 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

0.0.0-20250210074307

5 months ago

8 months ago

8 months ago

9 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

4 months ago

8 months ago

8 months ago

8 months ago

8 months ago

0.0.0-20241211111227

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

1.6.1-preview-2d9fabee.20250507183133

3 months ago

0.0.0-20241211112232

8 months ago

0.0.0-20241211071818

8 months ago

0.0.0-20250210104349

5 months ago

0.0.0-20241211070850

8 months ago

1 month ago

4 months ago

1.7.0-snapshot.20250519200040

2 months ago

0.0.0-20241211110529

8 months ago

1.7.0-snapshot.20250519151006

2 months ago

0.0.0-20241209155954

8 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

3 months ago

1.7.0-snapshot.20250519143559

2 months ago

3 months ago

5 months ago

1.0.1-color-testing

8 months ago

6 months ago

6 months ago

5 months ago

5 months ago

8 months ago

5 months ago

9 months ago

0.0.0-20250210113716

5 months ago

8 months ago

0.0.0-20250210080630

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

0.0.0-20250210081721

5 months ago

5 months ago

5 months ago

5 months ago

0.0.0-20241211112924

8 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

3 months ago

5 months ago

0.0.0-20250410163257

4 months ago

0.0.0-modal-performance-20250414163725

3 months ago

5 months ago

0.0.0-20250210075156

5 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

1 year ago

1 year ago

12 months ago

1 year ago

10 months ago

12 months ago

11 months ago

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.33.3-overlay.66

2 years ago

0.33.3-overlay.61

2 years ago

0.31.1-react.21

2 years ago

2 years ago

2 years ago

2 years ago

0.30.1-overlay.30

2 years ago

0.30.1-overlay.31

2 years ago

2 years ago

2 years ago

0.30.1-overlay.38

2 years ago

0.30.1-overlay.37

2 years ago

0.30.1-overlay.41

2 years ago

0.30.1-overlay.42

2 years ago

0.30.1-overlay.40

2 years ago

2 years ago

0.33.1-overlay.41

2 years ago

0.32.1-overlay.33

2 years ago

0.32.1-overlay.41

2 years ago

2 years ago

0.31.1-overlay.29

2 years ago

0.12.17-overlay.11

2 years ago

0.12.17-overlay.12

2 years ago

0.12.17-overlay.10

2 years ago

0.12.17-overlay.15

2 years ago

0.12.17-overlay.13

2 years ago

0.12.17-overlay.14

2 years ago

0.12.17-overlay.17

2 years ago

0.12.15-overlay.22

2 years ago

0.12.17-overlay.18

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.12.15-overlay.9

2 years ago

0.12.15-overlay.8

2 years ago

0.12.13-overlay.33

2 years ago

2 years ago

0.12.11-react.75

2 years ago

2 years ago

0.12.11-react.48

2 years ago

0.12.11-react.49

2 years ago

0.12.11-react.50

2 years ago

3 years ago

0.12.11-react.32

3 years ago

0.12.10-overlay-warning.19

3 years ago

3 years ago

3 years ago

0.12.8-react.54

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.11.7-devmode2.0

3 years ago

0.11.7-devmode.0

3 years ago

0.11.6-devmode.0

3 years ago

0.11.6-devmode.7

3 years ago

3 years ago

3 years ago

3 years ago

0.12.0-devmode.0

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

3 years ago

3 years ago

0.10.3-express.0

4 years ago

0.10.5-express.9

3 years ago

0.10.4-express.12

3 years ago

4 years ago

4 years ago

4 years ago

0.9.1-lit-next.0

4 years ago

4 years ago

0.8.19-lit-next.0

4 years ago

4 years ago

0.8.18-lit-next.0

4 years ago

4 years ago

0.8.17-lit-next.0

4 years ago

4 years ago

0.8.16-lit-next.0

4 years ago

4 years ago

0.8.15-lit-next.0

4 years ago

4 years ago

4 years ago

0.8.14-alpha.30

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

0.8.10-alpha.14

4 years ago

0.8.10-alpha.13

4 years ago

0.8.10-alpha.12

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

0.5.5-alpha.178

5 years ago

5 years ago

5 years ago

0.5.5-alpha.169

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago