Pomoto

Usage

Modes:

mode="css"

A lighter but less flexible rendering method, great for when you don't need all the bells and whistles. Tooltips or simple popovers are great usecases for 'css' mode.

• Rendering done entirely through CSS, (which means it works even with JS completely disabled).
• If you want to position your element relative to a reference element, they will both be wrapped in a 'relative' container, and positioning is done using position and transform. This extra wrapper element can sometimes interfere with your page layout ('js' mode doesn't have this problem).
• Not passing a reference element means your element will be positioned relative to the page and does not create a wrapper.
• Events such as on:open on:close and being able to read/manipulate the element visible state still work as expected, but require Javascript in order to do so.
• All triggers still work as expected, but only hover and focus triggers will actually render using CSS.
• Rendering is done through opacity/visibility toggling rather than {#if}, which means Svelte transitions cannot work.
• Portals do not work (use 'js' mode for that).

Accessibility guide