Card (1.x)

Web — React, depuis @krizaka/orazaka-design-system. L'app mobile Orazaka prend les tokens du kit, pas ses composants. Déprécié : conservé pour les apps qui l'utilisent encore, retiré à sa prochaine version majeure.

Pourquoi il existe au-dessus de Krizaka UI

Kept so that the apps written against 1.x keep their look while they migrate: no markup of its own any more.

Repose surCard

Installation

Installer

npm install @krizaka/orazaka-design-system && npm install -D tailwindcss

Styles

@import "tailwindcss";
@import "@krizaka/orazaka-design-system/theme.css";

The package ships its TypeScript sources: add it to transpilePackages (with @krizaka/orazaka-shared and @krizaka/ui).

Importer

import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "@krizaka/orazaka-design-system";

Props

Ce module n'a pas de props de composant : voir l'import et l'aperçu ci-dessus.

Accessibilité

• The primitive's: plain blocks; give a heading level to the title.

Bonnes pratiques

• Migrate part by part: Card → Card.Root, CardContent → Card.Body padding="lg", CardTitle → Card.Title.

Composants liés

• Card · Krizaka UIThe composed chassis of every card: a media with overlays, a body with a title, a description, stats and a footer.

Généré depuis le code de @krizaka/orazaka-design-system 2.5.0 : son meta.ts, ses exemples et ses types.Modifier cette documentation sur GitHub