Atlantica

Atlantica

  • Atlantica Design
  • API React Native
  • Help

›Componentes

Atlantica

  • Instalação
  • Como usar?
  • Estrutura Geral

Componentes

  • Índice Rápido
  • Moléculas

    • ATLActionListCard
    • ATLAvatarEditor
    • ATLAvatarEditorCondensed
    • ATLButton
    • ATLCheckbox
    • ATLComment
    • ATLCommentListPreview
    • ATLDateTimePicker
    • ATLDoubleButton
    • ATLDropdown
    • ATLEventCell
    • ATLEventTitle
    • ATLFloatingButton
    • ATLHorizontalUserList
    • ATLIconLabel
    • ATLImageLogo
    • ATLImagePicker
    • ATLLabelButton
    • ATLListDivider
    • ATLMenuItem
    • ATLNotification
    • ATLPost
    • ATLRadioGroup
    • ATLSearchBox
    • ATLSingleImage
    • ATLSpacing
    • ATLStatusListCard
    • ATLSurveyPost
    • ATLTextBody
    • ATLTextInput
    • ATLTitle
    • ATLUserInfo
    • ATLUserListCard

    Átomos

    • ATLAvatarBase
    • ATLButtonBase
    • ATLButtonToggleBase
    • ATLCarouselBase
    • ATLDateIndicatorBase
    • ATLDividerBase
    • ATLIconBase
    • ATLIconButtonBase
    • ATLImageBase
    • ATLLabelBase
    • ATLSwitchBase
    • ATLTextInputBase
    • ATLThreadBase

ATLLabelBase

la1

Para visitar a documentação de design deste átomo, clique aqui.

Props

  • children
  • readMoreText
  • onPress
  • multilineLimit
  • readMoreLimit
  • fontFamily
  • fontSize
  • fontWeight
  • lineHeight
  • opacity
  • textAlign
  • textCase
  • textColor
  • textColorReadMore

children

Texto a ser mostrado. É passado como um filho de forma a ser usado entre as tags <ATLLabelBase>.

TipoObrigatório
stringNão

readMoreText

Texto que aparece quando a opção de ler mais é ativada.

TipoObrigatório
stringNão

onPress

Handler que será chamado quando o usuário apertar o texto.

TipoObrigatório
functionNão

multilineLimit

Limite de linhas do texto. Se não for definido, não há limites.

TipoObrigatório
numberNão

readMoreLimit

Limite de linhas do texto para que apareça o botão de ler mais. Se não for definido, não há limites.

TipoObrigatório
numberNão

fontFamily

Família da fonte do texto. Caso seja undefined, segue as fontes padrão de cada sistema operacional.

TipoObrigatório
stringNão

fontSize

Tamanho da fonte do texto.

TipoObrigatório
numberNão

fontWeight

Peso da fonte do texto.

TipoObrigatório
FontWeightEnumNão

Os possíveis valores de FontWeightEnum são:

  • thin (100)
  • extraLight (200)
  • light (300)
  • normal (400)
  • medium (500)
  • semiBold (600)
  • bold (700)
  • extraBold (800)
  • black (900)

lineHeight

Altura da linha do texto.

TipoObrigatório
numberNão

opacity

Opacidade do texto, onde 1 é totalmente visível e 0 é totalmente transparente.

TipoObrigatório
numberNão

textAlign

Tipo de alinhamebto do texto.

TipoObrigatório
TextAlignmentEnumNão

Os possíveis valores de TextAlignmentEnum são:

  • left
  • right
  • center
  • justify

textCase

Tipo de case do texto.

TipoObrigatório
TextCaseEnumNão

Os possíveis valores de TextCaseEnum são:

  • uppercase
  • capitalize
  • lowercase
  • none

textColor

Cor do texto.

TipoObrigatório
stringNão

textColorReadMore

Cor do texto do botão de ver mais.

TipoObrigatório
stringNão
← ATLImageBaseATLSwitchBase →
  • Props
    • children
    • readMoreText
    • onPress
    • multilineLimit
    • readMoreLimit
    • fontFamily
    • fontSize
    • fontWeight
    • lineHeight
    • opacity
    • textAlign
    • textCase
    • textColor
    • textColorReadMore
Atlantica
Docs
Getting Started (or other categories)Guides (or other categories)API Reference (or other categories)
Community
User ShowcaseStack OverflowProject ChatTwitter
More
BlogGitHubStar
Facebook Open Source
Copyright © 2019 Your Name or Your Company Name