Skip to content

Atoms

Jump to bottom
Christopher O'Brien edited this page Jul 1, 2021 · 1 revision

Atoms

Primary Button

<uk.gov.hmrc.components.atom.button.PrimaryButton
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Primary Button" />

Secondary Button

<uk.gov.hmrc.components.atom.button.SecondaryButton
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Secondary Button" />

Icon Button

<uk.gov.hmrc.components.atom.button.IconButton
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Icon Button"
    app:icon="@drawable/icon" />

H3

<TextView
    style="@style/Text.H3"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="H3 Text" />

Heading3

A H3 styled TextView identified as a visual heading for accessibility purposes.

<uk.gov.hmrc.components.atom.header.Heading3
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Heading3 Text" />

H4

<TextView
    style="@style/Text.H4"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="H4 Text" />

Heading4

A H4 styled TextView identified as a visual heading for accessibility purposes.

<uk.gov.hmrc.components.atom.header.Heading4
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Heading4 Text" />

H5

<TextView
    style="@style/Text.H5"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="H5 Text" />

Heading5

A H5 styled TextView identified as a visual heading for accessibility purposes.

<uk.gov.hmrc.components.atom.header.Heading5
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Heading5 Text" />

Bold

<TextView
    style="@style/Text.Bold"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Bold Text" />

Body

<TextView
    style="@style/Text.Body"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Body Text" />

Info

<TextView
    style="@style/Text.Info"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Info Text" />

Link

<TextView
    style="@style/Text.Link"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Link Text" />

Error

<TextView
    style="@style/Text.Error"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Error Text" />

Bulleted

<uk.gov.hmrc.components.atom.bullet.BulletedTextView
    style="@style/Text.Body"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Bullet Text" />

Divider

<View style="@style/Divider" />

or

@drawable/divider if you need a drawable resource

Clone this wiki locally