跳转到主文档
应用工程
模块工程
Monorepo工程
项目生成器

CSS-In-JS API

补充信息

通过 Style Component 在页面上使用 CSS。

import styled from '@modern-js/runtime/styled';

styled 具体API,请看:styled-component api

API

请看 styled-component API

示例

import styled from '@modern-js/runtime/styled';

const Button = styled.button`
background: palevioletred;
border-radius: 3px;
border: none;
color: white;
`

const TomatoButton = styled(Button)`
background: tomato;
`

render(
<>
<Button>I'm purple.</Button>
<br />
<TomatoButton>I'm red.</TomatoButton>
</>
)
`

render(
<div>
<Button
href="https://github.com/styled-components/styled-components"
target="_blank"
rel="noopener"
primary
>
GitHub
</Button>

<Button as={Link} href="/docs">
Documentation
</Button>
</div>
)