1.12.5 • Published 5 years ago

sling-web-component-button v1.12.5

Weekly downloads
228
License
-
Repository
-
Last release
5 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-2781equals-infosling-web-business-payment-summarysling-web-business-planssling-web-business-sales-chartsling-web-business-sales-reportsling-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-addressessling-web-business-merchant-bank-infosling-web-business-merchant-contactssling-web-business-merchant-info-listsling-web-business-merchant-partnerssling-web-component-snackbarsling-web-search-postal-codesling-web-business-payment-detailssling-web-business-payment-details-itemsling-web-business-payment-details-summaryaffiliation-merchant-addressesaffiliation-merchant-bank-accountsaffiliation-merchant-contactsaffiliation-merchant-info-listaffiliation-merchant-partners
1.12.5

5 years ago

1.12.4

5 years ago

1.12.3

5 years ago

1.12.2

5 years ago

1.12.0

5 years ago

1.11.7

5 years ago

1.11.6

5 years ago

1.11.5

6 years ago

1.11.4

6 years ago

1.11.3

6 years ago

1.11.2

6 years ago

1.11.1

6 years ago

1.11.0

6 years ago

1.8.0

6 years ago

1.7.0

6 years ago

1.6.0

6 years ago

1.5.0

6 years ago

1.4.0

6 years ago

1.3.0

6 years ago

0.17.0

6 years ago

0.16.0

6 years ago

0.15.1

6 years ago

0.15.0

6 years ago

0.14.1

6 years ago

0.14.0

6 years ago

0.13.2

6 years ago

0.13.1

6 years ago

0.13.0

6 years ago

0.12.0

6 years ago

0.11.0

6 years ago

0.10.1

6 years ago

0.10.0

6 years ago

0.9.0

6 years ago

0.8.0

6 years ago

0.7.1

6 years ago

0.7.0

6 years ago

0.5.0

6 years ago

0.4.0

6 years ago

0.3.3

6 years ago

0.3.2

6 years ago

0.3.1

6 years ago

0.3.0

6 years ago

0.2.36

6 years ago

0.2.35

6 years ago

0.2.34

6 years ago

0.2.32

6 years ago

0.2.31

6 years ago

0.2.30

6 years ago

0.2.29

6 years ago

0.2.28

6 years ago

0.2.27

6 years ago

0.2.26

6 years ago

0.2.25

6 years ago

0.2.24

6 years ago

0.2.23

6 years ago

0.2.22

6 years ago