Overview
Design
Frontend
Fullstack
Create Website
Blog
Frontend
Docs
->
ftd.integer
Docs
Book 🚧
Video Course
Overview 🚧
Why Use fastn for Your Next Frontend? 🚧
Design System 🚧
Getting Started
Data Modelling
Variables
Built-in Types
record
or-type
list
component
Headers
Visibility
Kernel Components
ftd.document 🚧
ftd.row
ftd.column
ftd.container
ftd.text
ftd.image
ftd.rive
ftd.iframe
ftd.integer
ftd.decimal
ftd.boolean
ftd.code
ftd.text-input
ftd.checkbox
ftd.desktop
ftd.mobile
Attributes
Common Attributes
Text Attributes
Container Attributes
Container Root Attributes
import
Using export/exposing
Functions
Built-in Functions
Built-in Rive Functions
Built-in Variables
ftd Events
Rive Events
Use color scheme package
processor
foreign variables
assets
How to access files
How to access fonts
How to make page responsive
Using JS
JS in function
Web Component
Create fastn package
Best Practices
Formatting
Import
Auto-import
Device
Conditions
Container
Same argument & attribute types
FScript
Inherited Types
Variable & it’s Type
Optional Arguments
Commenting
Self referencing
Property

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
Output
10

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
Output
10000
value as header
Input
-- ftd.integer:
value: 20000
Output
20000
value as body
Input
-- ftd.integer:

1234
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
Output
0xBEEF

Support fastn!

Enjoying fastn? Please consider giving us a star ⭐️ on GitHub to show your support!
⭐️

Getting Help

Have a question or need help?

Visit our GitHub Q&A discussion to get answers and subscribe to it to stay tuned.

Join our Discord channel and share your thoughts, suggestion, question etc.

Connect with our community!
💻️

Found an issue?

If you find some issue, please visit our GitHub issues to tell us about it.

Join us

We welcome you to join our Discord community today.

We are trying to create the language for human beings and we do not believe it would be possible without your support. We would love to hear from you.
Copyright © 2023 - FifthTry.com