--- order: 1 title: zh-CN: 独立使用 en-US: Standalone --- ## zh-CN 不包裹任何元素即是独立使用,可自定样式展现。 > 在右上角的 badge 则限定为红色。 ## en-US Used in standalone when children is empty. ```jsx import { Badge, Space, Switch } from 'antd'; const Demo = () => { const [show, setShow] = React.useState(true); return ( { setShow(!show); }} /> ); }; ReactDOM.render(, mountNode); ``` ```css .site-badge-count-4 .ant-badge-count { background-color: #fff; color: #999; box-shadow: 0 0 0 1px #d9d9d9 inset; } ```