States
Summary Element
Set the cursor style on summary elements using the useSummaryElement composable.
Part of the Global Preset:
useSummaryElement is included in the Global Preset (useGlobalPreset) and you can configure it through the preset's summary option. For most projects, applying it via the preset is the recommended approach.Overview
The useSummaryElement composable sets cursor: pointer on summary elements, indicating that the <details> disclosure widget is interactive. This is a config-free composable with no customization options.
useSummaryElement
function useSummaryElement(s: Styleframe): void
styleframe.config.ts
import { styleframe } from 'styleframe';
import { useSummaryElement } from '@styleframe/theme';
const s = styleframe();
useSummaryElement(s);
export default s;
styleframe/index.css
summary {
cursor: pointer;
}
This composable takes no configuration options, creates no CSS custom properties, and returns void.