Composables

Summary Element

Set the cursor style on summary elements using the useSummaryElement composable.

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.

Edit this pageorReport an issue

Selection

Style text selection with configurable background and text color using the useSelectionState composable.

Overview

Explore Styleframe's utility modifier composables for generating state-based, responsive, and structural variants of your utility classes with full type safety.