GithubTwitterDiscordPlayground
Search…
English
👋
Atomico
🚀
Getting started with Atomico
Api
🧬
Props(Properties)
🧩
VirtualDOM
🎣
Hooks
🔬
Testing
Guides
🧠
Atomico design patterns
🗺
Atomico style guide
🛡
Atomico with Typescript
🤝
Atomico and React
🔀
Slot
🗃
Archives
@atomico
@atomico/store
@atomico/design-tokens
@atomico/router
@atomico/react
@atomico/hooks
use-ref-values
use-script
use-attributes
use-prop-proxy
use-click-press
use-dollars
use-reflect-event
use-keyboar
use-click-coordinates
use-copy
use-debounce-state
use-form
use-listener
use-disabled
use-css
use-channel
use-promise
use-responsive-state
use-parent
use-resize-observer
use-slot
use-render
use-mutation-observer
use-css-light-dom
use-controller
use-router
use-async-effect
use-child-nodes
use-force-render
@atomico/components
@atomico/exports
@atomico/magic-form
Support
Discord
Github
Twitter
Powered By GitBook
use-css
Inject CSS into the shadowRoot
Inject tag style into shadowRoot with content given as parameter to use CSS.

Import

1
import { useCss } from "@atomico/hooks/use-css";
Copied!

Sintaxis

1
useCss(cssText: string);
Copied!

Example

WebComponents.dev
WebComponents.dev

Note

This hook was not created as a replacement for component.styles, it is rather a utility that seeks to facilitate the integration of css from a customHook, either by defining a state or another action.
Previous
use-disabled
Next
use-channel
Last modified 2mo ago
Copy link
Edit on GitHub
Contents
Import
Sintaxis
Example
Note