Composables

Iframe Element

Remove the default border from iframe elements using the useIframeElement composable.

Overview

The useIframeElement composable removes the default border from iframe elements. This is a config-free composable — it applies a fixed style with no customization options.

`useIframeElement`

function useIframeElement(s: Styleframe): void

styleframe.config.ts

import { styleframe } from 'styleframe';
import { useIframeElement } from '@styleframe/theme';

const s = styleframe();

useIframeElement(s);

export default s;

styleframe/index.css

iframe {
    border: 0;
}

This composable takes no configuration options, creates no CSS custom properties, and returns void.

Edit this pageorReport an issue

Horizontal Rule

Style horizontal rule elements with configurable border color, width, style, and margin using the useHrElement composable.

Image

Align image and SVG elements to vertical middle using the useImgElement composable.