Overlays & feedback

./components/modal./modal./components/drawer./drawer./components/dropdown./dropdown./components/collapse./collapse./components/toast./toast

Modal, drawer, dropdown, collapse and toast notifications.

Things that open, close and pop up: dialogs, side drawers, menus, accordions and the small notifications ("Added to cart") that appear for a moment.

Entries

Shows a short notification (success, error, warning, info, loading, or a promise's progress) that closes on its own.

A dialog box over a dimmed page, opened and closed by your own state, with Header, Body and Footer parts.

A full-height panel on the side where the page starts reading (right in Arabic), opened by your state, for menus and filters.

A section that opens and closes under its heading, like one FAQ question, where the trigger and the content each receive the open state.

A menu that opens under a button and closes when the shopper clicks elsewhere, built from Trigger, Menu, Item and Divider parts.

A ready-made Modal showing one image at full size with a loading placeholder; lazily loaded, so it needs a Suspense boundary.

The area where toasts appear, which also turns Salla SDK messages into toasts; TwilightProvider already renders one for you.

Another name for toast: the same object, not a React hook, so there is nothing to call at the top of a component.