Search
Powerful search components for efficient content discovery and navigation
Overview
Search components are essential tools in modern web applications, enabling users to quickly find and access specific information within large datasets or content collections. These components typically consist of an input field where users can enter their search queries, often accompanied by additional features to enhance the search experience.
Key features of search components include:
- Input field: A text box where users can type their search queries
- Search button: Allows users to initiate the search process
- Advanced search options: Additional filters or parameters to refine search results
By implementing effective search components, you can significantly improve user experience, increase engagement, and help users find the information they need quickly and efficiently.
Usage
Side search
Item title
Rome, Italy 26/06/2020
Some quick example text to build on the card title and make up the bulk of the card's content.
WEBSITE: FAO - Food and Agriculture Organization
Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum,
Item title
Rome, Italy 26/06/2020
Some quick example text to build on the card title and make up the bulk of the card's content.
WEBSITE: FAO - Food and Agriculture Organization
Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum,
Item title
Rome, Italy 26/06/2020
Some quick example text to build on the card title and make up the bulk of the card's content.
Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum,
Item title
Rome, Italy 26/06/2020
Some quick example text to build on the card title and make up the bulk of the card's content.
Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum,
Blog label
Item title
ROME (ITALY) - 26/06/2020
Some quick example text to build on the card title and make up the bulk of the card's content.
Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum,
Blog label
Item title
ROME (ITALY) - 26/06/2020
Some quick example text to build on the card title and make up the bulk of the card's content.
Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum,
Item title
Rome, Italy 26/06/2020
Some quick example text to build on the card title and make up the bulk of the card's content.
Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum,
Item title
Rome, Italy 26/06/2020
Some quick example text to build on the card title and make up the bulk of the card's content.
Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum,
22/ 5
2021
Item title
ROME (ITALY), 22/05/2021
Some quick example text to build on the card title and make up the bulk of the card's content.
Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum,
22/ 5
2021
Item title
ROME (ITALY), 22/05/2021
Some quick example text to build on the card title and make up the bulk of the card's content.
Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum,
| Number | Title | Category |
|---|---|---|
| C 2023/1 | Lorem ipsum dolor sit amet consectetur adipisicing elit. | NL350 |
| C 2023/1 | Lorem ipsum dolor sit amet consectetur adipisicing elit. | NL350 |
| C 2023/1 | Lorem ipsum dolor sit amet consectetur adipisicing elit. | NL350 |
| Number | Title | Category |
|---|---|---|
| C 2023/1 | Lorem ipsum dolor sit amet consectetur adipisicing elit. | NL350 |
| C 2023/1 | Lorem ipsum dolor sit amet consectetur adipisicing elit. | NL350 |
| C 2023/1 | Lorem ipsum dolor sit amet consectetur adipisicing elit. | NL350 |
Item title
Rome (Italy) 26/06/2020
Some quick example text to build on the card title and make up the bulk of the card's content.
Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum,
Item title
Rome (Italy) 26/06/2020
Some quick example text to build on the card title and make up the bulk of the card's content.
Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum,
Item title
Some quick example text to build on the card title and make up the bulk of the card's content.
IN PARTNERSHIP SINCE: 2013
COUNTRY: Italy
AREAS OF COLLABORATION: Lorem, Lorem Ipsum
Resources: Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum,
Item title
Some quick example text to build on the card title and make up the bulk of the card's content.
IN PARTNERSHIP SINCE: 2013
COUNTRY: Italy
AREAS OF COLLABORATION: Lorem, Lorem Ipsum
Resources: Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum,
Item title
Rome, Italy 26/06/2020
Some quick example text to build on the card title and make up the bulk of the card's content.
Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum,
Item title
Rome, Italy 26/06/2020
Some quick example text to build on the card title and make up the bulk of the card's content.
Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum,
| Title | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet deserunt officia fugiat. |
|---|---|
| Abstract | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet deserunt officia fugiat. |
| Start Date | 02/06/2022 |
| End Date | 04/06/2022 |
| Recipient/Target areas | Lorem, Ipsum, Lorem, Ipsum |
| Budget | 99999 |
| Donor | Lorem ipsum |
| Project code | LOREM/IPS/UM |
| Title | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet deserunt officia fugiat. |
|---|---|
| Abstract | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet deserunt officia fugiat. |
| Start Date | 02/06/2022 |
| End Date | 04/06/2022 |
| Recipient/Target areas | Lorem, Ipsum, Lorem, Ipsum |
| Budget | 99999 |
| Donor | Lorem ipsum |
| Project code | LOREM/IPS/UM |
Item title
Rome, Italy 26/06/2020
Some quick example text to build on the card title and make up the bulk of the card's content.
Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum,
Item title
Rome, Italy 26/06/2020
Some quick example text to build on the card title and make up the bulk of the card's content.
Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum,
Item title
Rome, Italy 26/06/2020
Some quick example text to build on the card title and make up the bulk of the card's content.
Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum,
Item title
Rome, Italy 26/06/2020
Some quick example text to build on the card title and make up the bulk of the card's content.
Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum,
Item title
Rome, Italy 26/06/2020
Some quick example text to build on the card title and make up the bulk of the card's content.
Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum,
Item title
Rome, Italy 26/06/2020
Some quick example text to build on the card title and make up the bulk of the card's content.
Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum,