[EXP] Add style injection for content script UI to with-ant-design

[louisgv]

What is the example you wish to see?

Use D - Optional style container, injected into the shadowDOM in RFC | Style injection for Content Script UI #9
add contents/index.tsx

import { Button } from "antd"
import cssText from "data-text:~/index.css"
import type { PlasmoContentScript } from "plasmo"

export const config: PlasmoContentScript = {
  matches: ["https://space.bilibili.com/*"]
}

export const getStyle = () => {
  const style = document.createElement("style")
  style.textContent = cssText
  return style
}

const Index = () => {
  return (
    <div
      style={{
        position: "fixed",
        top: "50%"
      }}>
      <Button type="primary">Hello Ant Design</Button>
    </div>
  )
}

export default Index

Maybe you also should upgrade your plasmo verison.

Is there any context that might help us understand?

Originally posted in https://github.com/PlasmoHQ/examples/issues/4 by @zangguojun

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems.