Use.GPU
 – 0.10.1
Docs Source
Git Repo
search
/
·
Intro
expand_more
Guides
·
Getting started
·
WebGPU canvas
·
Drawing and animation
·
Scene geometry
·
2D and 3D plot
·
Data-driven geometry
·
Live vs React
·
Memoization
·
WGSL Shaders
·
Renderers and Passes
·
Layout and UI
·
Background
·
Roadmap
·
Contributing
Reference
expand_more
Components
chevron_right
@use-gpu/gltf
chevron_right
@use-gpu/inspect
chevron_right
@use-gpu/inspect-gpu
expand_more
@use-gpu/layout
widgets
Absolute
widgets
Block
widgets
Element
widgets
Embed
widgets
Flex
widgets
Glyphs
widgets
Inline
widgets
Layout
widgets
Overflow
widgets
Text
widgets
Transform
widgets
UI
widgets
UILayers
widgets
UIRectangle
phishing
useBoxTrait
phishing
useElementTrait
phishing
useImageTrait
phishing
useImplicitElement
east
Inspect
east
Scroller
data_object
ARCHETYPES
title
Alignment
title
AlignmentLike
title
Anchor
title
AnchorLike
title
AutoPoint
title
AutoRectangle
title
Base
title
BoxTrait
title
Dimension
title
Direction
title
ElementTrait
title
Fit
title
FitInto
title
Gap
title
GapLike
title
ImageTrait
title
InlineElement
title
InlineLine
title
InlineRenderer
title
LayoutElement
title
LayoutFit
title
LayoutPicker
title
LayoutRenderer
title
LayoutScroller
title
LayoutShaders
title
Margin
title
MarginLike
title
OverflowMode
title
RenderInline
title
RenderInside
title
RenderOutside
title
Repeat
title
Sizing
title
UIAggregate
chevron_right
@use-gpu/map
chevron_right
@use-gpu/plot
chevron_right
@use-gpu/present
chevron_right
@use-gpu/react
chevron_right
@use-gpu/scene
chevron_right
@use-gpu/voxel
chevron_right
@use-gpu/webgpu
chevron_right
@use-gpu/workbench
chevron_right
Libraries
chevron_right
Live
chevron_right
Loaders
chevron_right
Development

widgets Component – <UIRectangle>

const UIRectangle: LiveComponent<UIRectangleProps>

Props

id 
number
layout? 
Rectangle
origin? 
Rectangle
image? 
Partial<ImageTrait>
fill? 
Point4
stroke? 
Point4
border? 
Point4
radius? 
Point4
clip? 
ShaderModule<any>
mask? 
ShaderModule<any>
transform? 
ShaderModule<any>

Source

packages / layout / src / shape / ui-rectangle.ts

Sections
Props  
Source  
menu
format_list_numbered