Button

UsageExamples
• API

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

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

Description

Sets icon to be displayed at the beginning of the line. Ignored when ia is true — the IA icon is always used.

endIcon

Type	node

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.

ia

Type	bool
Default	false

Description

Applies IA styles for "primary" and "secondary" kinds. Adds an IA icon (as startIcon) by default.

fluid

Type	bool
Default	false

Description

Makes Button full-width

Feedback

To report a problem, request new icons, request new component use cases, ask questions, share suggestions, or report bugs, get in touch through our Slack channel #tangram-design-system.