Popover

Native Popover API: top layer, light dismiss.

Module grid

204px modules: a 184px column and a 20px gutter.

Install

npx raster add popover

Markup

<button class="rs-btn-ghost rs-btn-sm" popovertarget="info">Details</button>
<div id="info" popover="auto" class="rs-popover"><span class="rs-popover-title">Module grid</span><p class="rs-popover-body">204px modules: a 184px column and a 20px gutter.</p></div>

React

import { Popover, PopoverBody, PopoverTitle } from "@/components/raster/popover";

<Popover trigger="Details">
  <PopoverTitle>Module grid</PopoverTitle>
  <PopoverBody>204px modules: a 184px column and a 20px gutter.</PopoverBody>
</Popover>

Classes

.rs-popover.rs-popover-title.rs-popover-body

Depends on

/button