Skip to the content

Hitotsu一つ

Match the colour or number, call with one card left, and play classic or party rules against computers or at a shared table.

Hitotsu is Japanese for one: the call with one card left. About the name

Contents

Reference · React components

HitotsuCardImagefunction

A card as a whole SVG, sized by its parent or its own width: <HitotsuCardImage card="R70" width={80} />.

Import it

import { HitotsuCardImage } from "@johnmorrisdotca/hitotsu/react";

Definition

function HitotsuCardImage({ card, called, ...svg }: { card: HitotsuCard | null; called?: HitotsuColour; } & SVGAttributes<SVGSVGElement>): React.JSX.Element

Parameters

NameTypeDescription
options{ card: HitotsuCard | null; called?: HitotsuColour; } & SVGAttributes<SVGSVGElement>

Native table, rules, sound or drawing settings; omitted fields retain their defaults.

Returns

React.JSX.Element

A React SVG element containing the complete card drawing.

Examples

import { HitotsuCardImage } from "@johnmorrisdotca/hitotsu/react";

import { createElement } from "react";
console.log(createElement(HitotsuCardImage, { card: "R70", width: 80 }).props.width);
80

What it prints (run when this page was built)

View sourceEdit on GitHubMade from the source of @johnmorrisdotca/hitotsu 1.4.0.