Atlantica

Atlantica

  • Atlantica Design
  • API React Native
  • Help

›Componentes

Atlantica Design

  • Introdução
  • Princípios de Design
  • Glossário

Arquitetura

  • Molecules e Atoms
  • Tokens & Props
  • Nomeando Tokens

Componentes

    Atoms

    • Avatar Base
    • Button Toggle Base
    • Button Base
    • Divider Base
    • Icon Button Base
    • Icon Base
    • Image Base
    • Text Input Base
    • Label Base
    • Switch Base

    Molecules

    • ActionListCard
    • Avatar Editor
    • Button
    • ATLCardList
    • Checkbox
    • ATLChips
    • Comment List Preview
    • Comment
    • Cover
    • DateTimePicker
    • ATLDialog
    • ATLDivider
    • Double Button
    • Dropdown
    • Event Cell
    • Event Title
    • Floating Action Button (FAB)
    • Horizontal User List
    • Icon Label
    • ATLIconizedText
    • Image Logo
    • ImagePicker
    • Label Button
    • List Divider
    • ATLNavigationButton
    • Notification
    • Post
    • SearchBox
    • SettingsItem
    • Single Image
    • ATLSpacing
    • StatusListCard
    • ATLSummary
    • SurveyPost
    • ATLSwitchButton
    • ATLTextBody
    • ATLTextHead
    • TextInput
    • Title
    • UserInfo
    • UserListCard

Button Base

Aplicações

Button

bt3

DoubleButton

bt4

AvatarEditor

bt1

UserListCard

bt2

Props

Title

buttonTitle

Icon

buttonIcon

BorderColor

button8

BorderRadius

button7

BorderWidth

button9

ButtonColor

button10

ButtonHeight

button6

DisabledOpacity

buttonOpacity

IconSize

buttonIconSize

IconPadding

buttonIconPadding

FontFamily

button2

FontSize

button3

FontWeight

button4

TextColorOutlined

TextColorOutlined

TextColorRegular

button1

TextCase

button5

State Props

  • Disabled: botão desabilitado
  • Outlined: botão transparente com linha de outline

Actions

  • onPress: função a ser executada ao pressionar o botão
← Button Toggle BaseDivider Base →
  • Aplicações
    • Button
    • DoubleButton
    • AvatarEditor
    • UserListCard
  • Props
    • Title
    • Icon
    • BorderColor
    • BorderRadius
    • BorderWidth
    • ButtonColor
    • ButtonHeight
    • DisabledOpacity
    • IconSize
    • IconPadding
    • FontFamily
    • FontSize
    • FontWeight
    • TextColorOutlined
    • TextColorRegular
    • TextCase
  • State Props
  • Actions
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