1.12.5 • Published 6 years ago

sling-web-component-button v1.12.5

Weekly downloads
228
License
-
Repository
-
Last release
6 years ago

sling-web-component-button

Install

npm install sling-web-component-button

Tag

  <sling-button></sling-button>

Dependencies

  • sling-web-framework

  • sling-web-helpers

    Attributes and properties
NameTypeDefault ValuesReflectToAttributeObservercallSdk
blockBooleanfalse:heavy_check_mark:
colorStringnormal:heavy_check_mark:
disabledBooleanfalse:heavy_check_mark:
sizeStringnormal:heavy_check_mark:
LayoutStringnormal:heavy_check_mark:

Description

NameDescription
blockA boolean value that assigns the width: 100% CSS property to button.
colorA pre-configured value for styling of button, can be normal, primary,secondary, success,danger, warning,info, clear.
disabledDisables the button, preventing the user from clicking and changing their style to dimmed
sizeA pre-configured value for size of button, can be normal, small or big.
layoutA pre-configured value for the button's layout, can be normal, outline or text.

Events

  • click

Description: The event is triggered when the button is clicked and passes this information to the parents.

Examples

All component examples can be emulated using the npm start sling-web-component-button command.

Usage

<sling-button color="primary">Text</sling-button>

image 

<sling-button block size="big" color="warning">Text</sling-button>

image 

<sling-button color="danger">Text</sling-button>

captura de tela de 2018-05-23 01-48-41

sling-frameworksling-helpers
@infinitebrahmanuniverse/nolb-slin@everything-registry/sub-chunk-2781affiliation-merchant-addressesaffiliation-merchant-info-listaffiliation-merchant-partnersaffiliation-merchant-bank-accountsaffiliation-merchant-contactsequals-infosling-web-component-snackbarsling-web-search-postal-codesling-web-business-sales-report-expandedsling-web-business-sales-simulatorsling-web-business-transactionssling-web-component-formsling-web-component-loginsling-web-business-aggregate-salessling-web-business-merchant-bank-infosling-web-business-merchant-contactssling-web-business-merchant-info-listsling-web-business-merchant-addressessling-web-business-merchant-partnerssling-web-business-payment-detailssling-web-business-payment-details-itemsling-web-business-payment-details-summarysling-web-business-planssling-web-business-sales-chartsling-web-business-sales-reportsling-web-business-payment-summary
1.12.5

6 years ago

1.12.4

6 years ago

1.12.3

7 years ago

1.12.2

7 years ago

1.12.0

7 years ago

1.11.7

7 years ago

1.11.6

7 years ago

1.11.5

7 years ago

1.11.4

7 years ago

1.11.3

7 years ago

1.11.2

7 years ago

1.11.1

7 years ago

1.11.0

7 years ago

1.8.0

7 years ago

1.7.0

7 years ago

1.6.0

7 years ago

1.5.0

7 years ago

1.4.0

7 years ago

1.3.0

7 years ago

0.17.0

7 years ago

0.16.0

7 years ago

0.15.1

7 years ago

0.15.0

7 years ago

0.14.1

7 years ago

0.14.0

7 years ago

0.13.2

7 years ago

0.13.1

7 years ago

0.13.0

7 years ago

0.12.0

7 years ago

0.11.0

7 years ago

0.10.1

7 years ago

0.10.0

7 years ago

0.9.0

7 years ago

0.8.0

7 years ago

0.7.1

7 years ago

0.7.0

7 years ago

0.5.0

7 years ago

0.4.0

7 years ago

0.3.3

7 years ago

0.3.2

7 years ago

0.3.1

7 years ago

0.3.0

7 years ago

0.2.36

7 years ago

0.2.35

7 years ago

0.2.34

7 years ago

0.2.32

7 years ago

0.2.31

7 years ago

0.2.30

7 years ago

0.2.29

7 years ago

0.2.28

7 years ago

0.2.27

7 years ago

0.2.26

7 years ago

0.2.25

7 years ago

0.2.24

7 years ago

0.2.23

7 years ago

0.2.22

7 years ago