Demo
-- button.button: PRIMARY
role: primary
large: true
link: index.html
-- button.button: SECONDARY
role: secondary
large: true
link: index.html
-- button.button: TERTIARY
role: tertiary
large: true
link: index.html
-- button.button: PRIMARY
role: primary
extra-large: true
link: index.html
-- button.button: SECONDARY
role: secondary
extra-large: true
link: index.html
-- button.button: TERTIARY
role: tertiary
extra-large: true
link: index.html
-- button.button: PRIMARY
role: primary
medium: true
link: index.html
-- button.button: SECONDARY
role: secondary
medium: true
link: index.html
-- button.button: TERTIARY
role: tertiary
medium: true
link: index.html
-- button.button: PRIMARY
role: primary
small: true
link: index.html
-- button.button: SECONDARY
role: secondary
small: true
link: index.html
-- button.button: TERTIARY
role: tertiary
small: true
link: index.html
Large Button disabled without icon:
-- button.button: BUTTON
role: primary
large: true
disabled: true
Large Button disabled without icon:
-- button.button: BUTTON
role: secondary
large: true
disabled: true
Large Button disabled without icon:
-- button.button: BUTTON
role: tertiary
large: true
disabled: true
To use button components on your
fastn web project, add
below into
FASTN.ftd
file:
-- fastn.dependency: fifthtry.github.io/button
Now import button
inside your .ftd
file
-- import: fifthtry.github.io/button
Use button.button
inside your .ftd
files
Input
-- button.button: PRIMARY
role: primary
large: true
link: index.html
Output