Media & Embeds

Iframe Element

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

Part of the Global Preset:useIframeElement is included in the Global Preset (useGlobalPreset) and you can configure it through the preset's iframe option. For most projects, applying it via the preset is the recommended approach.

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

Image

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

Caption

Style table caption elements with configurable color, padding, and text alignment using the useCaptionElement composable.