Disabled Button

Package name:

fastn-community.github.io/button

License:

Open Source BSD

Demo

Extra Large Button

Large Button

Medium Button

Small Button

How to use

To use button components on your fastn web project, add below into FASTN.ftd file:

-- fastn.dependency: fastn-community.github.io/button

Lang:

ftd

Now import button inside your .ftd file

-- import: fastn-community.github.io/button

Lang:

ftd

Use button.button inside your .ftd files

Input

-- button.button: PRIMARY
role: primary
large: true
disabled: true

Lang:

ftd

Output

PRIMARY

Properties:

Below are details of all properties of button component.

title

type:

Caption (required)

It's used to title to the button component.

role

type:

String (required)

It's used to add role to button component. Use role as primary secondary or tertiary as per your need.

disabled

type:

Boolean (optional, default: false)

If you want use disable a button then add this property with value as true. By default its value is false.

large

type:

Boolean (required)

If you want use large button then add this property value as true. Use extra-large, medium or small and add its value as true as per your need.