components
Navigation Bar
Bottom
Allow movement between primary destinations in an app.
Variants & states
Anatomy
Properties
Properties
Vertical Exposure
Description
1. Container
unremovable
unchangeable
Color
N0
none
Width
full
none
Height
fixed 64px
none
Radius
0px
none
Elevation
elevation-01
none
Ripple
ON
none
Tab text
unremovable
changeable
Text style
body 3 - regular
none
Color
text activity
text invert
none
Alignment
align-center
none
Overflow handling
truncation : none
none
Max line
no max line
none
Will be set to fit the container from UX Writer
Icon
removable
changeable
Color
icon activity
icon LE
none
Size
24x24
none
Image source
TDS asset
URL
none
Dimension
Tap area
Variants & states
Anatomy
Properties
Properties
Vertical Exposure
Description
1. Container
unremovable
unchangeable
Color
N0
none
Width
full
none
Height
fixed 64px
none
Radius
0px
none
Elevation
elevation-01
none
Ripple
ON
none
Tab text
unremovable
changeable
Text style
body 3 - regular
none
Color
text activity
text invert
none
Alignment
align-center
none
Overflow handling
truncation : none
none
Max line
no max line
none
Will be set to fit the container from UX Writer
Icon
removable
changeable
Color
icon activity
icon LE
none
Size
24x24
none
Image source
TDS asset
URL
none
Dimension
Tap area
Variants & states
Anatomy
Properties
Properties
Vertical Exposure
Description
1. Container
unremovable
unchangeable
Color
N0
none
Width
full
none
Height
fixed 64px
none
Radius
0px
none
Elevation
elevation-01
none
Ripple
ON
none
Tab text
unremovable
changeable
Text style
body 3 - regular
none
Color
text activity
text invert
none
Alignment
align-center
none
Overflow handling
truncation : none
none
Max line
no max line
none
Will be set to fit the container from UX Writer
Icon
removable
changeable
Color
icon activity
icon LE
none
Size
24x24
none
Image source
TDS asset
URL
none
Dimension
Tap area
