Pular para o conteúdo principal

StackGroup

Import​

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

Properties​

children​

Typenode

Description​

Sets the children.

gap​

Typestring | number
Default'var(--size-spacing-02)'

Description​

Sets the gap.

If number, the values between 1 and 12 represent, respectively, the 12 available CSS spacing tokens.

You can use all size-spacing values: https://tangram.rdstation.com.br/docs/foundations/spacing/

If string, the full value will be passed on as the CSS gap rule.

// Can be a number:
<StackGroup gap={3}>...</StackGroup>

// Or a string:
<StackGroup gap="20px">...</StackGroup>

align​

Type
Enum of:
  • StackGroup.alignments.left
  • StackGroup.alignments.center
  • StackGroup.alignments.right
  • StackGroup.alignments.stretch
DefaultStackGroup.alignments.left

Description​

Sets the horizontal alignment.

as​

Typenode
Default'div'

Description​

Sets the element type to be rendered for this component. By default, it will render a div element.

<StackGroupItem />​

Import​

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

Properties​

children​

Typenode
Description​

Sets the children.

align​

Type
Enum of:
  • StackGroupItem.alignments.left
  • StackGroupItem.alignments.center
  • StackGroupItem.alignments.right
Description​

Sets the vertical alignment.

as​

Typenode
Default'div'
Description​

Sets the element type to be rendered for this subcomponent. By default, it will render a div element.

Feedback​

Para reportar algum problema, solicitar novos ícones, solicitar novos casos de uso de componentes, tirar dúvidas, enviar sugestões ou reportar bugs, entre em contato pelo nosso canal no Slack #tangram-design-system.