<div class='sourceset sourceset-android'>Android</div>

```kotlin
object NavigationDrawerItemDefaults
```

Contains the default values used by selectable [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem)

## Properties

<div class='sourceset sourceset-android'>Android</div>

```kotlin
val IconSize = 24.dp
```

The default Icon size used by [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem)

<div class='sourceset sourceset-android'>Android</div>

```kotlin
val CollapsedDrawerItemWidth = 56.dp
```

The size of the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) when the drawer is collapsed

<div class='sourceset sourceset-android'>Android</div>

```kotlin
val ExpandedDrawerItemWidth = 256.dp
```

The size of the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) when the drawer is expanded

<div class='sourceset sourceset-android'>Android</div>

```kotlin
val ContainerHeightOneLine = 48.dp
```

The default content padding [PaddingValues](/jetpack-compose/androidx.compose.foundation/foundation-layout/interfaces/PaddingValues) used by [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) with 1 line when
the drawer is expanded

<div class='sourceset sourceset-android'>Android</div>

```kotlin
val ContainerHeightTwoLine = 56.dp
```

The default content padding [PaddingValues](/jetpack-compose/androidx.compose.foundation/foundation-layout/interfaces/PaddingValues) used by [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) with 2 lines when
the drawer is expanded

<div class='sourceset sourceset-android'>Android</div>

```kotlin
val NavigationDrawerItemElevation = Elevation.Level0
```

The default elevation used by [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem)

<div class='sourceset sourceset-android'>Android</div>

```kotlin
val ContentAnimationEnter = fadeIn() + slideIn { IntOffset(-it.width, 0) }
```

Animation enter default for inner content

<div class='sourceset sourceset-android'>Android</div>

```kotlin
val ContentAnimationExit = fadeOut() + slideOut { IntOffset(0, 0) }
```

Animation exit default for inner content

<div class='sourceset sourceset-android'>Android</div>

```kotlin
val DefaultBorder
```

Default border used by [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem)

<div class='sourceset sourceset-android'>Android</div>

```kotlin
val TrailingBadgeContainerColor
```

The default container color used by [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem)'s trailing badge

<div class='sourceset sourceset-android'>Android</div>

```kotlin
val TrailingBadgeTextStyle
```

The default text style used by [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem)'s trailing badge

<div class='sourceset sourceset-android'>Android</div>

```kotlin
val TrailingBadgeContentColor
```

The default content color used by [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem)'s trailing badge

## Functions

<h2 id="trailingbadge-text-containercolor-contentcolor">TrailingBadge</h2>

```kotlin
@Composable
    fun TrailingBadge(
        text: String,
        containerColor: Color = TrailingBadgeContainerColor,
        contentColor: Color = TrailingBadgeContentColor,
    )
```

Creates a trailing badge for [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem)

<hr class="docs-overload-divider">

<h2 id="shape-shape-focusedshape-pressedshape-selectedshape-disabledshape-focusedselectedshape-focuseddisabledshape-pressedselectedshape">shape</h2>

```kotlin
fun shape(
        shape: Shape = RoundedCornerShape(50),
        focusedShape: Shape = shape,
        pressedShape: Shape = shape,
        selectedShape: Shape = shape,
        disabledShape: Shape = shape,
        focusedSelectedShape: Shape = shape,
        focusedDisabledShape: Shape = disabledShape,
        pressedSelectedShape: Shape = shape,
    ) =
        NavigationDrawerItemShape(
            shape = shape,
            focusedShape = focusedShape,
            pressedShape = pressedShape,
            selectedShape = selectedShape,
            disabledShape = disabledShape,
            focusedSelectedShape = focusedSelectedShape,
            focusedDisabledShape = focusedDisabledShape,
            pressedSelectedShape = pressedSelectedShape,
        )
```

Creates a [NavigationDrawerItemShape](/jetpack-compose/androidx.tv/tv-material/classes/NavigationDrawerItemShape) that represents the default container shapes used in a
selectable [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem)

#### Parameters

| | |
| --- | --- |
| shape | the default shape used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled |
| focusedShape | the shape used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled and focused |
| pressedShape | the shape used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled and pressed |
| selectedShape | the shape used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled and selected |
| disabledShape | the shape used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is not enabled |
| focusedSelectedShape | the shape used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled, focused and selected |
| focusedDisabledShape | the shape used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is not enabled and focused |
| pressedSelectedShape | the shape used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled, pressed and selected |

<hr class="docs-overload-divider">

<h2 id="colors-containercolor-contentcolor-inactivecontentcolor-focusedcontainercolor-focusedcontentcolor-pressedcontainercolor-pressedcontentcolor-selectedcontainercolor-selectedcontentcolor-disabledcontainercolor-disabledcontentcolor-disabledinactivecontentcolor-focusedselectedcontainercolor-focusedselectedcontentcolor-pressedselectedcontainercolor-pressedselectedcontentcolor">colors</h2>

```kotlin
@ReadOnlyComposable
    @Composable
    fun colors(
        containerColor: Color = Color.Transparent,
        contentColor: Color = MaterialTheme.colorScheme.onSurface,
        inactiveContentColor: Color = contentColor.copy(alpha = 0.4f),
        focusedContainerColor: Color = MaterialTheme.colorScheme.inverseSurface,
        focusedContentColor: Color = contentColorFor(focusedContainerColor),
        pressedContainerColor: Color = focusedContainerColor,
        pressedContentColor: Color = contentColorFor(focusedContainerColor),
        selectedContainerColor: Color =
            MaterialTheme.colorScheme.secondaryContainer.copy(alpha = 0.4f),
        selectedContentColor: Color = MaterialTheme.colorScheme.onSecondaryContainer,
        disabledContainerColor: Color = Color.Transparent,
        disabledContentColor: Color = MaterialTheme.colorScheme.onSurface,
        disabledInactiveContentColor: Color = disabledContentColor.copy(alpha = 0.4f),
        focusedSelectedContainerColor: Color = focusedContainerColor,
        focusedSelectedContentColor: Color = focusedContentColor,
        pressedSelectedContainerColor: Color = pressedContainerColor,
        pressedSelectedContentColor: Color = pressedContentColor,
    ) =
        NavigationDrawerItemColors(
            containerColor = containerColor,
            contentColor = contentColor,
            inactiveContentColor = inactiveContentColor,
            focusedContainerColor = focusedContainerColor,
            focusedContentColor = focusedContentColor,
            pressedContainerColor = pressedContainerColor,
            pressedContentColor = pressedContentColor,
            selectedContainerColor = selectedContainerColor,
            selectedContentColor = selectedContentColor,
            disabledContainerColor = disabledContainerColor,
            disabledContentColor = disabledContentColor,
            disabledInactiveContentColor = disabledInactiveContentColor,
            focusedSelectedContainerColor = focusedSelectedContainerColor,
            focusedSelectedContentColor = focusedSelectedContentColor,
            pressedSelectedContainerColor = pressedSelectedContainerColor,
            pressedSelectedContentColor = pressedSelectedContentColor,
        )
```

Creates a [NavigationDrawerItemColors](/jetpack-compose/androidx.tv/tv-material/classes/NavigationDrawerItemColors) that represents the default container & content colors
used in a selectable [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem)

#### Parameters

| | |
| --- | --- |
| containerColor | the default container color used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled |
| contentColor | the default content color used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled |
| inactiveContentColor | the content color used when none of the navigation items have focus |
| focusedContainerColor | the container color used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled and focused |
| focusedContentColor | the content color used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled and focused |
| pressedContainerColor | the container color used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled and pressed |
| pressedContentColor | the content color used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled and pressed |
| selectedContainerColor | the container color used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled and selected |
| selectedContentColor | the content color used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled and selected |
| disabledContainerColor | the container color used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is not enabled |
| disabledContentColor | the content color used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is not enabled |
| disabledInactiveContentColor | the content color used when none of the navigation items have focus and this item is disabled |
| focusedSelectedContainerColor | the container color used when the NavigationDrawerItem is enabled, focused and selected |
| focusedSelectedContentColor | the content color used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled, focused and selected |
| pressedSelectedContainerColor | the container color used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled, pressed and selected |
| pressedSelectedContentColor | the content color used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled, pressed and selected |

<hr class="docs-overload-divider">

<h2 id="scale">scale</h2>

```kotlin
fun scale(
        @FloatRange(from = 0.0) scale: Float = 1f,
        @FloatRange(from = 0.0) focusedScale: Float = 1.05f,
        @FloatRange(from = 0.0) pressedScale: Float = scale,
        @FloatRange(from = 0.0) selectedScale: Float = scale,
        @FloatRange(from = 0.0) disabledScale: Float = scale,
        @FloatRange(from = 0.0) focusedSelectedScale: Float = focusedScale,
        @FloatRange(from = 0.0) focusedDisabledScale: Float = disabledScale,
        @FloatRange(from = 0.0) pressedSelectedScale: Float = scale,
    ) =
        NavigationDrawerItemScale(
            scale = scale,
            focusedScale = focusedScale,
            pressedScale = pressedScale,
            selectedScale = selectedScale,
            disabledScale = disabledScale,
            focusedSelectedScale = focusedSelectedScale,
            focusedDisabledScale = focusedDisabledScale,
            pressedSelectedScale = pressedSelectedScale,
        )
```

Creates a [NavigationDrawerItemScale](/jetpack-compose/androidx.tv/tv-material/classes/NavigationDrawerItemScale) that represents the default scales used in a selectable
[NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem)

scales are used to modify the size of a composable in different [Interaction](/jetpack-compose/androidx.compose.foundation/foundation/interfaces/Interaction) states e.g.
`1f` (original) in default state, `1.2f` (scaled up) in focused state, `0.8f` (scaled down)
in pressed state, etc.

#### Parameters

| | |
| --- | --- |
| scale | the scale used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled |
| focusedScale | the scale used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled and focused |
| pressedScale | the scale used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled and pressed |
| selectedScale | the scale used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled and selected |
| disabledScale | the scale used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is not enabled |
| focusedSelectedScale | the scale used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled, focused and selected |
| focusedDisabledScale | the scale used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is not enabled and focused |
| pressedSelectedScale | the scale used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled, pressed and selected |

<hr class="docs-overload-divider">

<h2 id="border-border-focusedborder-pressedborder-selectedborder-disabledborder-focusedselectedborder-focuseddisabledborder-pressedselectedborder">border</h2>

```kotlin
@ReadOnlyComposable
    @Composable
    fun border(
        border: Border = Border.None,
        focusedBorder: Border = border,
        pressedBorder: Border = focusedBorder,
        selectedBorder: Border = border,
        disabledBorder: Border = border,
        focusedSelectedBorder: Border = focusedBorder,
        focusedDisabledBorder: Border = DefaultBorder,
        pressedSelectedBorder: Border = border,
    ) =
        NavigationDrawerItemBorder(
            border = border,
            focusedBorder = focusedBorder,
            pressedBorder = pressedBorder,
            selectedBorder = selectedBorder,
            disabledBorder = disabledBorder,
            focusedSelectedBorder = focusedSelectedBorder,
            focusedDisabledBorder = focusedDisabledBorder,
            pressedSelectedBorder = pressedSelectedBorder,
        )
```

Creates a [NavigationDrawerItemBorder](/jetpack-compose/androidx.tv/tv-material/classes/NavigationDrawerItemBorder) that represents the default [Border](/jetpack-compose/androidx.tv/tv-material/classes/Border)s applied on a
selectable [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) in different [Interaction](/jetpack-compose/androidx.compose.foundation/foundation/interfaces/Interaction) states

#### Parameters

| | |
| --- | --- |
| border | the default [Border](/jetpack-compose/androidx.tv/tv-material/classes/Border) used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled |
| focusedBorder | the [Border](/jetpack-compose/androidx.tv/tv-material/classes/Border) used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled and focused |
| pressedBorder | the [Border](/jetpack-compose/androidx.tv/tv-material/classes/Border) used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled and pressed |
| selectedBorder | the [Border](/jetpack-compose/androidx.tv/tv-material/classes/Border) used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled and selected |
| disabledBorder | the [Border](/jetpack-compose/androidx.tv/tv-material/classes/Border) used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is not enabled |
| focusedSelectedBorder | the [Border](/jetpack-compose/androidx.tv/tv-material/classes/Border) used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled, focused and selected |
| focusedDisabledBorder | the [Border](/jetpack-compose/androidx.tv/tv-material/classes/Border) used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is not enabled and focused |
| pressedSelectedBorder | the [Border](/jetpack-compose/androidx.tv/tv-material/classes/Border) used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled, pressed and selected |

<hr class="docs-overload-divider">

<h2 id="glow-glow-focusedglow-pressedglow-selectedglow-focusedselectedglow-pressedselectedglow">glow</h2>

```kotlin
fun glow(
        glow: Glow = Glow.None,
        focusedGlow: Glow = glow,
        pressedGlow: Glow = glow,
        selectedGlow: Glow = glow,
        focusedSelectedGlow: Glow = focusedGlow,
        pressedSelectedGlow: Glow = glow,
    ) =
        NavigationDrawerItemGlow(
            glow = glow,
            focusedGlow = focusedGlow,
            pressedGlow = pressedGlow,
            selectedGlow = selectedGlow,
            focusedSelectedGlow = focusedSelectedGlow,
            pressedSelectedGlow = pressedSelectedGlow,
        )
```

Creates a [NavigationDrawerItemGlow](/jetpack-compose/androidx.tv/tv-material/classes/NavigationDrawerItemGlow) that represents the default [Glow](/jetpack-compose/androidx.tv/tv-material/classes/Glow)s used in a selectable
[NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem)

#### Parameters

| | |
| --- | --- |
| glow | the [Glow](/jetpack-compose/androidx.tv/tv-material/classes/Glow) used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled, and has no other [Interaction](/jetpack-compose/androidx.compose.foundation/foundation/interfaces/Interaction)s |
| focusedGlow | the [Glow](/jetpack-compose/androidx.tv/tv-material/classes/Glow) used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled and focused |
| pressedGlow | the [Glow](/jetpack-compose/androidx.tv/tv-material/classes/Glow) used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled and pressed |
| selectedGlow | the [Glow](/jetpack-compose/androidx.tv/tv-material/classes/Glow) used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled and selected |
| focusedSelectedGlow | the [Glow](/jetpack-compose/androidx.tv/tv-material/classes/Glow) used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled, focused and selected |
| pressedSelectedGlow | the [Glow](/jetpack-compose/androidx.tv/tv-material/classes/Glow) used when the [NavigationDrawerItem](/jetpack-compose/androidx.tv/tv-material/components/NavigationDrawerItem) is enabled, pressed and selected |