widgets Component – <SDFRectangles>

const SDFRectangles: LiveComponent<SDFRectanglesProps>

Props

{
  rectangle?: VectorLike,
  radius?: VectorLike,
  border?: VectorLike,
  stroke?: VectorLike,
  fill?: VectorLike,
  uv?: VectorLike,
  st?: VectorLike,
  repeat?: number,
  sdf?: VectorLike,
  rectangles?: ShaderSource,
  radii?: ShaderSource,
  borders?: ShaderSource,
  strokes?: ShaderSource,
  fills?: ShaderSource,
  uvs?: ShaderSource,
  sts?: ShaderSource,
  repeats?: ShaderSource,
  sdfs?: ShaderSource,
  instance?: number,
  instances?: ShaderSource,
  transform?: TransformContextProps | ShaderModule,
  texture?: TextureSource | LambdaSource | ShaderModule,
  clip?: ShaderModule,
  mask?: ShaderSource,
  debugContours?: boolean,
  count?: Lazy<number>,
  id?: number,
} &
Pick<Partial<PipelineOptions>,
"mode" | "alphaToCoverage" | "depthTest" | "depthWrite" | "blend">

Source

packages / workbench / src / primitives / sdf-rectangles.ts