Support us by giving us a
star on Github 🚀
Overview
Design
Frontend
Fullstack
Create Website
Blog
Search
Frontend
Docs
->
Kernel Components
->
`ftd.boolean`
Docs
Book 🚧
Learn
Why Use `fastn` for Your Next Frontend?
Getting Started
Data Modelling
Variables
Built-in Types
`record`
`or-type`
`list`
`component`
Headers
Visibility
Commenting
Kernel Components
`ftd.document` 🚧
`ftd.row`
`ftd.column`
`ftd.container`
`ftd.text`
`ftd.image`
`ftd.video`
`ftd.rive` (animation)
`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 Local Storage 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.boolean`

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

Usage

To use `ftd.boolean`, simply add it to your `ftd` document with your desired boolean value to display.
Sample Usage
Input
-- ftd.boolean: true
color: $inherited.colors.text
Lang:
ftd
Output
true

Attributes

`ftd.boolean` accepts the below attributes as well all the [common](ftd/common/) and [text](ftd/text-attributes/) attributes.

`value: caption or body boolean`

This is the value to show. It is a required field. There are three ways to pass integer to `ftd.boolean`: as `caption`, as a `value` `header`, or as `body`.
value as `caption`
Input
-- ftd.boolean: false
color: $inherited.colors.text-strong
Lang:
ftd
Output
false
value as `header`
Input
-- ftd.boolean:
value: false
color: $inherited.colors.text-strong
Lang:
ftd
Output
false
value as `body`
Input
-- ftd.boolean:
color: $inherited.colors.text-strong

false
Lang:
ftd
Output
false

Support `fastn`!

Enjoying `fastn`? Please consider giving us a star ⭐️ on [GitHub](https://github.com/fastn-stack/fastn) to show your support!
[⭐️](https://github.com/fastn-stack/fastn)

Getting Help

Have a question or need help? Visit our [GitHub Q&A discussion](https://github.com/fastn-stack/fastn/discussions/categories/q-a) to get answers and subscribe to it to stay tuned. Join our [Discord](https://discord.gg/a7eBUeutWD) channel and share your thoughts, suggestion, question etc. Connect with our [community](/community/)!
[💻️](/community/)

Found an issue?

If you find some issue, please visit our [GitHub issues](https://github.com/fastn-stack/fastn/issues) to tell us about it.

Quick links:

- [Install `fastn`](install/) - [Create `fastn` package](create-fastn-package/) - [Expander Crash Course](expander/) - [Syntax Highlighting in Sublime Text](/sublime/)

Join us

We welcome you to join our [Discord](https://discord.gg/a7eBUeutWD) 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 - fastn.com