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

ATLAvatarBase

av1

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

Props

  • icon
  • source
  • avatarSize
  • borderColor
  • borderRadius
  • borderWidth
  • iconColor
  • iconSize
  • useTintColor

icon

Ícone que aparece na parte inferior direita do avatar.

TipoObrigatório
imageNão

source

Imagem que preenche o átomo.

TipoObrigatório
imageNão

avatarSize

Tamanho do avatar que serve tanto para a dimensão de altura como para a de largura.

TipoObrigatório
numberNão

borderColor

Caso a imagem possua uma borda, essa será sua cor.

TipoObrigatório
stringNão

borderRadius

Raio de curvatura do átomo. Para obter um ATLAvatarBase redondo, este valor deve ser igual à metade do valor fornecido para a prop size.

TipoObrigatório
stringNão

borderWidth

Largura da borda do átomo. Para um ATLAvatarBase sem borda, usar o valor 0.

TipoObrigatório
numberNão

iconColor

Cor do ícone.

TipoObrigatório
stringNão

iconSize

Tamanho do ícone que serve tanto para a dimensão de altura como para a de largura.

TipoObrigatório
numberNão

useTintColor

Decide se o ícone usará sua cor natural ou se terá uma tint color.

TipoObrigatório
numberNão
← ATLUserListCardATLButtonBase →
  • Props
    • icon
    • source
    • avatarSize
    • borderColor
    • borderRadius
    • borderWidth
    • iconColor
    • iconSize
    • useTintColor
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