Style

Registers a <style> with the given CSS text.

Registers a <style> with the given CSS text. A key makes it replace an earlier style with the same key; without one, every style stays.

Import#

import { Style } from "@shadow-js/web";

function Style(props: StyleProps): null

Name	Description
`props`	The CSS as `children`, an optional `key`, and attributes such as `media`.

Always null: nothing is rendered in place.

TypeError (production message SHADOW_HEAD_KEY) when key is not a non-empty string.

import { Style } from "@shadow-js/web";

function Theme() {
  return <Style key="theme">{"body { margin: 0 }"}</Style>;
}