Runner Fabric API reference

The Runner Fabric package contains a set of UI components that are used in the stock runners. If you are developing custom blocks for those stock runners, you can use these controls in your custom block if you like.

✨ Installation

npm

npm install @tripetto/runner-fabric

Yarn

yarn add @tripetto/runner-fabric

pnpm

pnpm add @tripetto/runner-fabric

caution

This package needs the following packages: @tripetto/runner, react, styled-components, and tslib. You have to install those peer dependencies yourself.

Typescript support

This package contains type declarations and supports TypeScript out-of-the-box.

⚛️ Components

• ButtonFabric
• CheckboxesFabric
• CheckboxFabric
• DateTimeFabric
• DropdownFabric
• EmailFabric
• FileFabric
• FileThumbnailFabric
• InputFabric
• MatrixFabric
• MultiSelectFabric
• MultipleChoiceFabric
• NumberFabric
• PasswordFabric
• PhoneNumberFabric
• PictureChoiceFabric
• RadiobuttonsFabric
• RatingFabric
• RequiredIndicatorFabric
• ScaleFabric
• TextareaFabric
• TextFabric
• URLFabric
• YesNoFabric

🪝 Hooks

• useFontLoader
• useOverlay

▶️ Functions

• avataaars
• color

⛓️ Interfaces

• IAvataaars
• IColorOperations

📁 Source code

The Tripetto Runner Fabric package is open-source and the code is on GitLab.