Skip to main content

DataBlock

Import​

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

Properties​

alignment​

Type
Enum of:
  • DataBlock.alignments.left
  • DataBlock.alignments.center
  • DataBlock.alignments.right
DefaultDataBlock.alignments.left

Description​

Sets the text alignment

auxiliaryText​

Typefunc | node

Description​

Sets auxiliary content normally used in conjunction with an icon to indicate important information about the value.

id 📍​

Concerns
📍 Required
Typestring | number

Description​

Responsible to connect accessibly title with value. The id value is used in aria-labelledby.

prefix​

Typeelement | string | node

Description​

Sets the prefix element (symbol) for the value

suffix​

Typeelement | string | node

Description​

Sets the suffix element (symbol) for the value

supportingText​

Typestring

Description​

Sets the supporting text, used to contextualize about the value of data block

tip​

Typestring

Description​

Sets the tip to be shown at the information icon. It uses <Tooltip /> component.

title 📍​

Concerns
📍 Required
Typestring

Description​

Sets the title for the data block

value 📍​

Concerns
📍 Required
Typestring | number | element

Description​

Sets the value for the data block

Feedback​