styles
Compiler-only StyleX-inspired declarations: each named style becomes a
class name, its variants picked by data attributes in the class list,
class={[sheet.card, { size: 'large' }]} (docs/styles.md#variants).
Verwendung
Styling: one compiler, two entry points
import classes from './screen.css';
import { styles, VStack, Text } from 'kuito';
const sheet = styles({
card: { padding: 16, backgroundColor: '#17263b', borderRadius: 12 },
});
export function Card() {
return (
<VStack class={classes.panel}>
<Text class={sheet.card}>Hi</Text>
</VStack>
);
}Signaturen
<T extends Record<string, StyleRule>>(_rules: T): { [K in keyof T]: string; }Typparameter
| Name | Einschränkung | Standard |
|---|---|---|
T | Record<string, StyleRule> | — |
Parameter
| Name | Typ | Erforderlich | Beschreibung |
|---|---|---|---|
_rules | T | Ja | — |
Rückgabe
{ [K in keyof T]: string; }
Generiert aus den öffentlichen TypeScript-Deklarationen: Signaturen, Props und Standardwerte stammen aus der geprüften Quelle, Beschreibungen aus deren JSDoc. Kein Standardwert ist erfunden.