Na podstawie definicji przedstawionej w ramce wskaż, który rysunek przedstawia komponent Chip zdefiniowany w bibliotece Angular Material.

Poprawna odpowiedź: D (Rysunek 4)

Uzasadnienie i szersze wyjaśnienie:

Definicja w ramce opisuje komponent „Chips” jako „listę elementów przedstawioną jako zbiór małych, namacalnych (dotykowych) bytów”. Szukamy więc graficznej reprezentacji, która wygląda jak grupa małych, interaktywnych etykiet lub pigułek, z których każda reprezentuje jeden element.

• Rysunek 4 idealnie pasuje do tego opisu. Przedstawia on zestaw małych, zaokrąglonych prostokątów z napisami (Washer/Dryer, Dogs ok, Cats ok), które razem tworzą listę udogodnień (Amenities). Jest to klasyczne zastosowanie i wygląd komponentu Chip.

Dlaczego pozostałe odpowiedzi są nieprawidłowe?

• Rysunek 1: Przedstawia komponent zakładek (Tabs), służący do przełączania widoków.
• Rysunek 2: Przedstawia komponent listy nawigacyjnej (Navigation List), używany w menu.
• Rysunek 3: Przedstawia komponent wyboru daty (Datepicker).