Pular para o conteúdo principal

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