Browsing and search

With hundreds of patterns in the library, finding the right one should take seconds. The panel gives you two views, a search box and filters.

Tree view and grid view

Use the two buttons at the top of the panel to switch.

• Tree view lists the library like folders: section, then category, then pattern, with a count next to each folder. It is the quickest way to scan a whole category.
• Grid view shows pattern cards with a thumbnail. It is best when you choose by looks. Each card carries a label for its type (Layout, Template and so on).

Search

Type in the search box and the list narrows as you type. Search looks at the pattern name and its tags and description, so words like hero, pricing, footer or form work. If nothing matches, the panel says so and offers a Clear search button.

Filters

Grid view adds filters under the search box:

• All types narrows to one type, such as Layout or Component.
• All folders narrows to one of your own folders. It appears when Folders is switched on, see Folders and pins.
• All brands narrows to patterns tagged with a brand.

The dropdown at the top left of the panel (All, Layouts, Elements, Components, Templates) limits the panel to one section of the library. When you filter, the footer shows how many items match, for example 7 of 549 items.

Card actions

Point at a card in grid view to use its three buttons. Clicking the card itself copies it, exactly like the tree.