RectangleProps — Kuito Documentação

Utilização

Draw a rectangle.

Este tipo é usado por Rectangle

tsx

// Draw a rectangle.
import { Drawing, Rectangle } from 'kuito';

<Drawing label="Card" viewBox={[0, 0, 40, 24]} width={80} height={48}>
  <Rectangle x={1} y={1} width={38} height={22} rx={4} fill="#5b5bd6" stroke="#3e3e9f" />
</Drawing>;

Declaração do tipo

export interface RectangleProps extends ShapePaint {
  x?: number;
  y?: number;
  width: number;
  height: number;
  /** Corner radii; each defaults to the other, as SVG's do. */
  rx?: number;
  ry?: number;
}

Membros 20

Nome	Tipo	Obrigatório	Descrição
`x`	`number`	Não	—
`y`	`number`	Não	—
`width`	`number`	Sim	—
`height`	`number`	Sim	—
`rx`	`number`	Não	Corner radii; each defaults to the other, as SVG's do.
`ry`	`number`	Não	—
`fill`	`string`	Não	A hex color, or `none`; black by default.
`fillRule`	`FillRule`	Não	—
`stroke`	`string`	Não	A hex color, or `none`, the default.
`strokeWidth`	`number`	Não	In user units; 1 by default.
`strokeLinecap`	`StrokeLinecap`	Não	—
`strokeLinejoin`	`StrokeLinejoin`	Não	—
`strokeMiterlimit`	`number`	Não	—
`strokeDasharray`	`readonly number[]`	Não	Dash and gap lengths in user units, repeated.
`strokeDashoffset`	`number`	Não	—
`opacity`	`number`	Não	Multiplies with its Groups' opacity.
`translateX`	`number`	Não	In user units, then `rotate` in degrees and `scale`, about the origin.
`translateY`	`number`	Não	—
`scale`	`number`	Não	—
`rotate`	`number`	Não	—

Gerado a partir das declarações TypeScript públicas: assinaturas, props e predefinições vêm da fonte verificada, as descrições da sua JSDoc. Nenhuma predefinição é inventada.