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.decimal`

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

Usage

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

Sample Usage

Input

-- ftd.decimal: 10.01
color: $inherited.colors.text

Lang:

ftd

Output

10.01

Attributes

ftd.decimal accepts the below attributes as well all the common and text attributes.

`value: caption or body decimal`

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

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

value as caption

Input

-- ftd.decimal: 10000.9999

Lang:

ftd

Output

10000.9999

value as header

Input

-- ftd.decimal:
value: 1234.9999

Lang:

ftd

Output

1234.9999

value as body

Input

-- ftd.decimal:

3.142

Lang:

ftd

Output

3.142

`format: optional string`

This attribute can be used to pass a format string to render decimal values in different formats. You can find documentation of formatting strings here.

Sample code using format to render decimal as percent

Input

-- ftd.decimal:
value: 0.94623
format: .0%
color: $inherited.colors.text-strong

Lang:

ftd

Output

0.94623