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).
Utilisation
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>
);
}Signatures
<T extends Record<string, StyleRule>>(_rules: T): { [K in keyof T]: string; }Paramètres de type
| Nom | Contrainte | Par défaut |
|---|---|---|
T | Record<string, StyleRule> | — |
Paramètres
| Nom | Type | Requis | Description |
|---|---|---|---|
_rules | T | Oui | — |
Retourne
{ [K in keyof T]: string; }
Généré depuis les déclarations TypeScript publiques : signatures, props et valeurs par défaut viennent de la source vérifiée, les descriptions de sa JSDoc. Aucune valeur par défaut n'est inventée.