Button

UsageExamples
• Code

Import

import { Button } from '@resultadosdigitais/tangram-components'

Properties

as

Type	elementType | string

Description

Set element type to be rendered for this component. By default it will be render a <button> element.

children

Type	element | string | array | node
Default	''

Description

Sets button children.

type

Type	Enum of: Button.types.button Button.types.submit Button.types.reset
Default	Button.types.button

Description

Sets button type.

kind

Type	Enum of: Button.kinds.primary Button.kinds.secondary Button.kinds.tertiary Button.kinds.neutral Button.kinds.danger
Default	Button.kinds.primary

Description

Sets button kind for styling.

size

Type	Enum of: Button.sizes.sm Button.sizes.md
Default	Button.sizes.md

Description

Sets the button size.

startIcon

Type	node
Default	null

Description

Sets icon to be displayed at the beginning of the line.

endIcon

Type	node
Default	null

Description

Sets icon to be displayed at the end of the line.

loading

Type	bool
Default	false

Description

Sets loading appearance. When loading is true, then disabled is true.

fluid

Type	bool
Default	false

Description

Makes Button full-width

Feedback