Want to try fastn for your company's website?

Book a Demo

Explore

undefined

record

or-type

list

ftd.row

ftd.rive (animation)

Container Root Attributes

import

Using export/exposing

Functions

Built-in Functions

Built-in Rive Functions

Built-in Local Storage Functions

Built-in Variables

ftd Events

Rive Events

Use color scheme package

assets

How to make page responsive

Using JS

JS in function

Web Component

Create fastn package

Same argument & attribute types

`ftd.integer`

ftd.integer is a component used to render an integer value in an ftd document.

Usage

To use ftd.integer, simply add it to your ftd document with your desired integer value to display.

Sample Usage

Input

-- ftd.integer: 10
color: $inherited.colors.text

Lang:

ftd

Output

Attributes

ftd.integer accepts the below attributes along with the common and text attributes.

`value: caption or body integer`

This is the value to show. It is a required field.

There are three ways to pass integer to ftd.integer: as caption, as a value header, or as body.

value as caption

Input

-- ftd.integer: 10000

Lang:

ftd

Output

10000

value as header

Input

-- ftd.integer:
value: 20000

Lang:

ftd

Output

20000

value as body

Input

-- ftd.integer:

1234

Lang:

ftd

Output

1234

`format: optional string`

This attribute can be used to render your integer in different formats. You can find documentation of formatting strings here.

Sample code to format integer as hex value

Input

-- ftd.integer:
value: 48879
format: #X

Lang:

ftd

Output

48879