@vars-ui/adapter-emotion

Quick start

pnpm add @vars-ui/adapter-emotion @emotion/css @vars-ui/core

Use with @emotion/css

import { buttonCss } from '@vars-ui/adapter-emotion';
<button className={buttonCss({ tone:'primary', size:'md', radius:'md' })}>Primary</button>

Styled-components factory

import styled from 'styled-components';
import { makeStyledButton } from '@vars-ui/adapter-emotion';
const Button = makeStyledButton(styled)({ tone:'primary' });