1
colliedog OP import { absYCenter } from "@collie-ui/css";
import { makeStyled } from "@colliejs/react"; import { collieConfig } from "../collie.config"; export const styled = makeStyled(collieConfig); export const StyledButton = styled("button", { w: 100, h: 40, _hover: { opacity: 0.8, background: "$primary", borderRadius: 10, color: "white", }, _after: { h: "100%", w: [10, 4], background: "red", ...absYCenter({ right: 0 }), }, variants: { size: { full: { w: "100%", }, big: { w: 80, }, md: { w: 40, }, sm: { w: 20, }, dynamic: x => ({ //any size you want w: x, }), }, shape: { round: { borderRadius: 9999, }, rect: { borderRadius: 0, }, }, status: { disabled: { true: { cursor: "not-allowed", background: "$gray200", }, }, }, }, compoundVariants: [ { size: "big", shape: "round", css: { background: "$gray200", }, }, ], defaultVariants: { shape: "rect", }, }); |
2
privateproxies 326 天前
支持一下
|
3
colliedog OP @privateproxies 感谢大佬
|