pixi-silk/ui
Every widget and editor tool in one import. The per-widget subpaths ship less code.
import { SilkButton, TransformGizmo, Camera } from 'pixi-silk/ui';
Classes#
| Class | Description |
|---|---|
| Driver | Runs a widget’s animation step on a ticker only while something moves. step returns true while it still has work. Once it returns false the driver leaves the ticker, so idle widgets cost nothing per frame. |
Interfaces#
| Interface | Description |
|---|---|
| InputProfile | How forgiving a widget is for one kind of pointer. Fingers are fat and shaky, mice are precise: the same menu gets a bigger dead zone, a longer falloff and larger targets under a finger. Distances are in screen pixels. |
Type Aliases#
| Type Alias | Description |
|---|---|
| IconSource | Anything that can sit in a widget slot: - a string: drawn as text (a word, a glyph, an emoji), - a texture: drawn as a sprite fitted to the slot, - a container: used as is, - a function: draws a vector icon with pixi-silk, centred on (0, 0), size wide, in white. |
| InputKind | Kind of pointer driving a widget. |
| InputProfiles | Per-kind overrides of INPUT_PROFILES. |
References#
- AlignLine
- altDown
- anchorsInRect
- AnchorType
- AngleAccumulator
- angleDelta
- angleToHue
- applyDrop
- BezierPath
- bindGizmo
- BindGizmoOptions
- bindHistoryKeys
- bindMeasure
- BindMeasureOptions
- bindObjects
- bindOutline
- bindRadialTrigger
- bindSignals
- boundsQuad
- Breakpoint
- BrushCursor
- BrushCursorOptions
- BrushState
- BUTTON_THEME
- ButtonDock
- ButtonDockOptions
- ButtonPhase
- ButtonState
- ButtonTheme
- Camera
- CameraInsets
- CameraOptions
- CameraState
- CanvasGrid
- CanvasGridOptions
- CanvasGridState
- channelColor
- ChannelSliders
- ChannelSlidersOptions
- checker
- ChoiceField
- ChoiceFieldOptions
- ChoiceFieldSpec
- ChoiceOption
- clamp
- clonePath
- ColorChannel
- ColorField
- ColorFieldOptions
- ColorFieldSpec
- ColorModel
- ColorModelOptions
- ColorPicker
- ColorPickerFactory
- ColorPickerOptions
- ColorPickerState
- ColorSampler
- ColorSlider
- ColorSliderOptions
- ColorWheel
- ColorWheelOptions
- combineSelection
- Command
- ContextHalo
- ContextHaloOptions
- countDuration
- Cubic
- cubicPoint
- DEVICES
- DIAL_THEME
- DialState
- DialTheme
- digitCount
- dockAt
- dockRect
- drawHandle
- drawLayerIcon
- drawPath
- drawSvSquare
- dropTarget
- DropTarget
- DropTargetOptions
- Eyedropper
- EyedropperOptions
- Field
- FieldContext
- FieldEdit
- fieldValue
- FieldValue
- findParent
- findSpacing
- FindSpacingOptions
- FitMode
- fitScale
- fitText
- FlatRow
- flattenTree
- FlexContainer
- FlexContainerOptions
- GapMarker
- gapsBetween
- GestureHandlers
- GestureOptions
- GesturePoint
- getPath
- GIZMO_THEME
- GizmoHandle
- GizmoLike
- GizmoMode
- GizmoSnap
- GizmoSpace
- GizmoState
- GizmoTheme
- GizmoTransform
- GridLevel
- GridLevelOptions
- gridLevels
- GridStyle
- Guide
- GuideDrag
- Guides
- GuideSnap
- GuidesOptions
- GuidesState
- HALO_THEME
- HaloBounds
- HaloItem
- HaloPhase
- HaloState
- HaloTheme
- HandleSide
- hexToRgb
- History
- HistoryKeysOptions
- HistoryLike
- HistoryOptions
- HistoryState
- HistoryStep
- HSVA
- hsvToRgb
- HUE_STOPS
- HueRingOptions
- HueSquarePicker
- hueToAngle
- HueTrianglePicker
- inferAnchorType
- inGamut
- insertAnchor
- Insets
- Inspector
- InspectorBinding
- InspectorField
- InspectorOptions
- InspectorState
- isKeyDown
- isStraight
- isTypingTarget
- JogDial
- JogDialOptions
- LabelFactory
- LayerIcon
- LayerKind
- LayerTree
- LayerTreeOptions
- LayerTreeState
- LayoutData
- layoutDebug
- LayoutDebug
- LayoutDebugOptions
- luminance
- mapPath
- Marquee
- MarqueeMode
- MarqueeOp
- MarqueeOptions
- MarqueeState
- maxChroma
- Measure
- MeasureLike
- MeasureOptions
- MeasureRect
- MeasureTarget
- MediaRule
- Minimap
- minimapFit
- MinimapOptions
- MinimapState
- minimapToWorld
- MinimapTransform
- MiniTimeline
- MiniTimelineOptions
- modDown
- ModeSwitcher
- ModeSwitcherOptions
- ModeSwitcherState
- moveAnchors
- MoveStep
- nearestOnCubic
- nearestOnPath
- niceStep
- NumberField
- NumberFieldOptions
- NumberFieldSpec
- Odometer
- odometerColumns
- OdometerOptions
- OdometerState
- OKLCH
- OklchPicker
- OklchPickerOptions
- oklchToRgb
- oklchToRgbUnclamped
- onKey
- OutlineLike
- OutlineMode
- OutlineState
- padQuad
- Panel
- PANEL_THEME
- PANEL_THEME_LIGHT
- PanelDock
- panelHitTest
- PanelInsets
- PanelOptions
- PanelRect
- PanelState
- panelText
- PanelTextOptions
- PanelTheme
- PanelViewport
- parseSvgPath
- PATH_GIZMO_THEME
- PathAnchor
- pathBounds
- pathFromPoints
- PathGizmo
- PathGizmoOptions
- PathGizmoState
- PathGizmoTheme
- PathHit
- PathHitPoint
- PathSink
- PathSnapInfo
- PathTool
- pathToSvg
- PenInput
- PenPhase
- PenTool
- PenToolOptions
- pixiTreeAdapter
- PixiTreeAdapter
- PixiTreeOptions
- placeBox
- Placement
- pureHue
- Quad
- quadInside
- quadIntersects
- RADIAL_THEME
- RadialBounds
- RadialItem
- RadialMenu
- RadialMenuOptions
- RadialPhase
- RadialPointer
- RadialState
- RadialTheme
- RadialTriggerOptions
- readChannel
- RecordableGizmo
- recordGizmo
- RecordGizmoOptions
- recordSignals
- RecordSignalsOptions
- Redline
- redlines
- redoMoves
- removeAnchors
- resolvePanelTheme
- reversePath
- RGB
- rgbToHex
- rgbToHsv
- rgbToOklch
- rubberBand
- Ruler
- RulerOptions
- RulerSide
- RulerState
- RulerTarget
- scaleQuad
- ScrollView
- ScrollViewOptions
- ScrollViewState
- Scrubber
- ScrubberOptions
- SectionSpec
- segmentAt
- segmentCount
- SEGMENTED_THEME
- SegmentedState
- SegmentedSwitch
- SegmentedSwitchOptions
- SegmentedTheme
- SegmentOption
- Selection
- SelectionChange
- SelectionGroup
- SelectionGroupHooks
- SelectionGroupOptions
- SelectionGroupState
- SelectionOptions
- SelectionOutline
- SelectionOutlineOptions
- SelectionState
- SelectMode
- setAnchorType
- setHandle
- setPath
- shiftDown
- SignalRecorder
- SilkButton
- SilkButtonOptions
- SimulatedViewport
- SimulatedViewportOptions
- simulateViewport
- SmartContainer
- SmartContainerOptions
- SmartLayout
- SmartStyle
- SnapEngine
- SnapEngineOptions
- SnapGuide
- SnapGuides
- SnapGuidesOptions
- SnapRect
- SnapResult
- snapTo
- snapValue
- spacingFromSnap
- SpacingMarkers
- SpacingMarkersOptions
- SpacingResult
- splitCubic
- SwatchPalette
- SwatchPaletteOptions
- SwatchPointer
- SwatchPopup
- SwatchPopupOptions
- TAU
- TEXT_EDITOR_THEME
- TextEditKind
- TextEditor
- TextEditorOptions
- TextEditorState
- TextEditorTheme
- TextField
- TextFieldOptions
- TextFieldSpec
- TextLabel
- TextSelection
- tickDivisions
- TIMELINE_THEME
- TimelineKey
- TimelineState
- TimelineTheme
- toggleAnchorType
- ToggleField
- ToggleFieldOptions
- ToggleFieldSpec
- topLevelNodes
- trackGesture
- TransformGizmo
- TransformGizmoOptions
- TransformSnapshot
- TransformTarget
- TreeAdapter
- undoMoves
- unionQuad
- unionRect
- ValuePill
- ValuePillOptions
- Vec
- VectorField
- VectorFieldOptions
- VectorFieldSpec
- ViewportRect
- ViewportSource
- visibleRange
- WorldRect
- worldRectToMinimap
- worldToMinimap
- wrapAngle
- wrapText
- WritableSignal
- writeChannel
- ZoomControl
- ZoomControlOptions
zoomLabel#
Re-exports zoomLabel