Styles

Using this Component

Cells represent a single object, value, or user, and are often a link to another page within the product. Cells are usually used as a sub-component inside of other components, such as UICollections.

Structure

1. Icon

Each cell has space reserved for an icon to indicate the type of object or value that the cell represents.

2. Label

This is the text value that indicates what the cell represents.

3. Divider Line

Divider lines may appear between cells when they are used in collections.

Behavior

Linking

Cells are often links to other pages, and they indicate this by appearing in al-link color.

Actions

Cells may also accommodate icon actions such as "Edit" or "Remove."

Playground Coming Soon!

Styles

Using this Component

Cells represent a single object, value, or user, and are often a link to another page within the product. Cells are usually used as a sub-component inside of other components, such as UICollections.

Structure

1. Icon

Each cell has space reserved for an icon to indicate the type of object or value that the cell represents.

2. Label

This is the text value that indicates what the cell represents.

3. Divider Line

Divider lines may appear between cells when they are used in collections.

Behavior

Linking

Cells are often links to other pages, and they indicate this by appearing in al-link color.

Actions

Cells may also accommodate icon actions such as "Edit" or "Remove."