Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@forter/button

Package Overview
Dependencies
Maintainers
3
Versions
147
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@forter/button

Button from Forter Components

  • 5.7.7
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
116
increased by1060%
Maintainers
3
Weekly downloads
 
Created
Source

fc-button

An element by Forter

Usage

<script>
   import '@forter/button';
</script>

<fc-button>Button</fc-button>

Examples

<!-- flat icon -->
<fc-button flat="true" icon="edit"></fc-button>

  * <!-- no text -->
<fc-button icon="edit"></fc-button>

<!-- intent loading -->
<fc-button loading intent="success">Submit</fc-button>

Properties

PropertyAttributeTypeDefaultDescription
disableddisabledbooleanfalseIf the button is disabled
flatflatbooleanfalseflatness of the button
iconiconstringThe button's icon. example: admin, default: forter
intentintent"primary" | "secondary" | "apply" | "success" | "danger" | "warn" | "cancel"The button's intent. See Intents in README
invalidinvalidbooleanfalseSpecify to display the x sign
loadingloadingbooleanfalseIf the button is loading
validvalidbooleanfalseSpecify to display the checkmark sign
widthwidth"small" | "medium" | "large"The button's preset sizes

Events

EventDescription
clickfires once value changed. example: { "target": { "checked": true } }

Slots

NameDescription
textContent for the checkbox label. example: <span> My Button </span>

CSS Custom Properties

PropertyDescription
--fc-button-background-colorbutton background colour.
--fc-button-border-radiusbutton border radius.
--fc-button-box-shadowbutton box shadow. example: none
--fc-button-colorbutton colour.
--fc-button-fontbutton font. example: var(--fc-font-20px-600)
--fc-button-hover-text-colorchange flat type text color
--fc-button-inner-marginbutton inner margin. example: 10px
--fc-button-justify-contentjustify content. example: left
--fc-button-min-heightbutton height. example: 200px
--fc-button-min-widthbutton min-width. example: 200px
--fc-button-text-transformbutton text transform. example: uppercase

Keywords

FAQs

Package last updated on 06 Sep 2022

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc