airbnb · andersu · Apr 20, 2023 · Apr 28, 2023 · May 9, 2023 · May 9, 2023
diff --git a/...main/java/com/airbnb/android/showkase/screenshot/testing/paparazzi/sample/CustomButton.kt b/...main/java/com/airbnb/android/showkase/screenshot/testing/paparazzi/sample/CustomButton.kt
@@ -9,6 +9,7 @@ import androidx.compose.material.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.unit.dp
 import com.airbnb.android.showkase.annotation.ShowkaseComposable
@@ -69,6 +70,16 @@ fun PreviewCustomButtonSmall() {
     )
 }
 
+@ShowkaseComposable(name = "CustomButton", group = "Localised", styleName = "Small")
+@Composable
+fun PreviewCustomButtonLocalised() {
+    CustomButton(
+        text = stringResource(id = R.string.button),
+        onClick = {  },
+        size = ButtonSize.Small
+    )
+}
+
 
 @Suppress("MatchingDeclarationName")
 enum class ButtonSize {

diff --git a/showkase-screenshot-testing-paparazzi-sample/src/main/res/values-nb-rNO/strings.xml b/showkase-screenshot-testing-paparazzi-sample/src/main/res/values-nb-rNO/strings.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="button">Knapp</string>
+</resources>
diff --git a/showkase-screenshot-testing-paparazzi-sample/src/main/res/values/strings.xml b/showkase-screenshot-testing-paparazzi-sample/src/main/res/values/strings.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="button">Button</string>
+</resources>
diff --git a/...android/showkase/screenshot/testing/paparazzi/sample/MyPaparazziShowkaseScreenshotTest.kt b/...android/showkase/screenshot/testing/paparazzi/sample/MyPaparazziShowkaseScreenshotTest.kt
@@ -1,9 +1,36 @@
 package com.airbnb.android.showkase.screenshot.testing.paparazzi.sample
 
+import androidx.compose.ui.unit.LayoutDirection
+import app.cash.paparazzi.DeviceConfig
+import app.cash.paparazzi.Paparazzi
 import com.airbnb.android.showkase.annotation.ShowkaseScreenshot
+import com.airbnb.android.showkase.screenshot.testing.paparazzi.PaparazziShowkaseDeviceConfig
 import com.airbnb.android.showkase.screenshot.testing.paparazzi.PaparazziShowkaseScreenshotTest
+import com.airbnb.android.showkase.screenshot.testing.paparazzi.PaparazziShowkaseTestPreview
+import com.airbnb.android.showkase.screenshot.testing.paparazzi.PaparazziShowkaseUIMode
 
 @ShowkaseScreenshot(rootShowkaseClass = PaparazziSampleRootModule::class)
-abstract class MyPaparazziShowkaseScreenshotTest: PaparazziShowkaseScreenshotTest {
-    companion object: PaparazziShowkaseScreenshotTest.CompanionObject
+abstract class MyPaparazziShowkaseScreenshotTest : PaparazziShowkaseScreenshotTest {
+    override fun takePaparazziSnapshot(
+        paparazzi: Paparazzi,
+        testPreview: PaparazziShowkaseTestPreview,
+        direction: LayoutDirection,
+        mode: PaparazziShowkaseUIMode
+    ) {
+        if (paparazzi.resources.configuration.locales.get(0).toString() == "en-gb" ||
+            testPreview.showkaseBrowserElement.group == "Localised"
+        ) {
+            super.takePaparazziSnapshot(paparazzi, testPreview, direction, mode)
+        }
+    }
+
+    companion object : PaparazziShowkaseScreenshotTest.CompanionObject {
+        override fun deviceConfigs(): List<PaparazziShowkaseDeviceConfig> {
+            return listOf("en-rGB", "nb-rNO").map { locale ->
+                PaparazziShowkaseDeviceConfig(
+                    deviceConfig = DeviceConfig.PIXEL_5.copy(locale = locale)
+                )
+            }
+        }
+    }
 }
diff --git a/...DEFAULT]_buttons**custombutton**small.png → ...DEFAULT]_buttons**custombutton**small.png b/...DEFAULT]_buttons**custombutton**small.png → ...DEFAULT]_buttons**custombutton**small.png
diff --git a/...LT]_text**sans_serif_text_style**null.png → ...LT]_text**sans_serif_text_style**null.png b/...LT]_text**sans_serif_text_style**null.png → ...LT]_text**sans_serif_text_style**null.png
diff --git a/...DEFAULT]_text**serif_text_style**null.png → ...DEFAULT]_text**serif_text_style**null.png b/...DEFAULT]_text**serif_text_style**null.png → ...DEFAULT]_text**serif_text_style**null.png
diff --git a/...Ltr,1.DEFAULT]_rows**simple_row**null.png → ...Ltr,1.DEFAULT]_rows**simple_row**null.png b/...Ltr,1.DEFAULT]_rows**simple_row**null.png → ...Ltr,1.DEFAULT]_rows**simple_row**null.png
diff --git a/...**title_subtitle_with_thumbnail**null.png → ...**title_subtitle_with_thumbnail**null.png b/...**title_subtitle_with_thumbnail**null.png → ...**title_subtitle_with_thumbnail**null.png
diff --git a/...LT]_scrollable**vertical_scroll**null.png → ...LT]_scrollable**vertical_scroll**null.png b/...LT]_scrollable**vertical_scroll**null.png → ...LT]_scrollable**vertical_scroll**null.png
diff --git a/...5.Text**H6 Text Row**null,1.Pixel5,1.Ltr,1.DEFAULT]_text**h6_text_row**null.png b/...5.Text**H6 Text Row**null,1.Pixel5,1.Ltr,1.DEFAULT]_text**h6_text_row**null.png
diff --git a/...fault_group**preview_-_1.5_font**null.png → ...fault_group**preview_-_1.5_font**null.png b/...fault_group**preview_-_1.5_font**null.png → ...fault_group**preview_-_1.5_font**null.png
diff --git a/...6.Text**H6 Text Row**null,1.Pixel5,1.Ltr,1.DEFAULT]_text**h6_text_row**null.png b/...6.Text**H6 Text Row**null,1.Pixel5,1.Ltr,1.DEFAULT]_text**h6_text_row**null.png
diff --git a/...ars**null,1.Pixel5,1.Ltr,1.DEFAULT]_text**h6_text_row_&_special_chars**null.png b/...ars**null,1.Pixel5,1.Ltr,1.DEFAULT]_text**h6_text_row_&_special_chars**null.png
diff --git a/...7.Text**H6 Text Row**null,1.Pixel5,1.Ltr,1.DEFAULT]_text**h6_text_row**null.png b/...7.Text**H6 Text Row**null,1.Pixel5,1.Ltr,1.DEFAULT]_text**h6_text_row**null.png
diff --git a/...ars**null,1.Pixel5,1.Ltr,1.DEFAULT]_text**h6_text_row_&_special_chars**null.png b/...ars**null,1.Pixel5,1.Ltr,1.DEFAULT]_text**h6_text_row_&_special_chars**null.png
diff --git a/...8.Text**H6 Text Row**null,1.Pixel5,1.Ltr,1.DEFAULT]_text**h6_text_row**null.png b/...8.Text**H6 Text Row**null,1.Pixel5,1.Ltr,1.DEFAULT]_text**h6_text_row**null.png
diff --git a/...ars**null,1.Pixel5,1.Ltr,1.DEFAULT]_text**h6_text_row_&_special_chars**null.png b/...ars**null,1.Pixel5,1.Ltr,1.DEFAULT]_text**h6_text_row_&_special_chars**null.png
diff --git a/...ws[20.Light Colors**Primary,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**primary.png b/...ws[20.Light Colors**Primary,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**primary.png
diff --git a/...0.Light Colors**Secondary,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**secondary.png b/...0.Light Colors**Secondary,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**secondary.png
diff --git a/...ars**null,1.Pixel5,1.Ltr,1.DEFAULT]_text**h6_text_row_&_special_chars**null.png b/...ars**null,1.Pixel5,1.Ltr,1.DEFAULT]_text**h6_text_row_&_special_chars**null.png
diff --git a/...rs**Primary Variant,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**primary_variant.png b/...rs**Primary Variant,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**primary_variant.png
diff --git a/...Secondary Variant,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**secondary_variant.png b/...Secondary Variant,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**secondary_variant.png
diff --git a/...Light Colors**Background,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**background.png b/...Light Colors**Background,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**background.png
diff --git a/...2.Light Colors**Secondary,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**secondary.png b/...2.Light Colors**Secondary,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**secondary.png
diff --git a/...Secondary Variant,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**secondary_variant.png b/...Secondary Variant,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**secondary_variant.png
diff --git a/...ws[23.Light Colors**Surface,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**surface.png b/...ws[23.Light Colors**Surface,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**surface.png
diff --git a/...Light Colors**Background,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**background.png b/...Light Colors**Background,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**background.png
diff --git a/...eviews[24.Light Colors**Error,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**error.png b/...eviews[24.Light Colors**Error,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**error.png
diff --git a/...ws[25.Light Colors**Primary,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**primary.png b/...ws[25.Light Colors**Primary,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**primary.png
diff --git a/...ws[25.Light Colors**Surface,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**surface.png b/...ws[25.Light Colors**Surface,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**surface.png
diff --git a/...eviews[26.Light Colors**Error,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**error.png b/...eviews[26.Light Colors**Error,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**error.png
diff --git a/...rs**Primary Variant,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**primary_variant.png b/...rs**Primary Variant,1.Pixel5,1.Ltr,1.DEFAULT]_light_colors**primary_variant.png
diff --git a/....Ltr,1.DEFAULT]_light_colors**primary.png → ....Ltr,1.DEFAULT]_light_colors**primary.png b/....Ltr,1.DEFAULT]_light_colors**primary.png → ....Ltr,1.DEFAULT]_light_colors**primary.png
diff --git a/...EFAULT]_light_colors**primary_variant.png → ...EFAULT]_light_colors**primary_variant.png b/...EFAULT]_light_colors**primary_variant.png → ...EFAULT]_light_colors**primary_variant.png
diff --git a/...seTest_test_previews[27.Material**H1,1.Pixel5,1.Ltr,1.DEFAULT]_material**h1.png b/...seTest_test_previews[27.Material**H1,1.Pixel5,1.Ltr,1.DEFAULT]_material**h1.png
diff --git a/....Pixel5,1.Ltr,1.DEFAULT]_material**h1.png → ....Pixel5,1.Ltr,1.DEFAULT]_material**h1.png b/....Pixel5,1.Ltr,1.DEFAULT]_material**h1.png → ....Pixel5,1.Ltr,1.DEFAULT]_material**h1.png
diff --git a/...seTest_test_previews[28.Material**H2,1.Pixel5,1.Ltr,1.DEFAULT]_material**h2.png b/...seTest_test_previews[28.Material**H2,1.Pixel5,1.Ltr,1.DEFAULT]_material**h2.png
diff --git a/....Pixel5,1.Ltr,1.DEFAULT]_material**h2.png → ....Pixel5,1.Ltr,1.DEFAULT]_material**h2.png b/....Pixel5,1.Ltr,1.DEFAULT]_material**h2.png → ....Pixel5,1.Ltr,1.DEFAULT]_material**h2.png
diff --git a/...seTest_test_previews[29.Material**H3,1.Pixel5,1.Ltr,1.DEFAULT]_material**h3.png b/...seTest_test_previews[29.Material**H3,1.Pixel5,1.Ltr,1.DEFAULT]_material**h3.png
diff --git a/....Pixel5,1.Ltr,1.DEFAULT]_material**h3.png → ....Pixel5,1.Ltr,1.DEFAULT]_material**h3.png b/....Pixel5,1.Ltr,1.DEFAULT]_material**h3.png → ....Pixel5,1.Ltr,1.DEFAULT]_material**h3.png
diff --git a/...seTest_test_previews[30.Material**H4,1.Pixel5,1.Ltr,1.DEFAULT]_material**h4.png b/...seTest_test_previews[30.Material**H4,1.Pixel5,1.Ltr,1.DEFAULT]_material**h4.png
diff --git a/....Pixel5,1.Ltr,1.DEFAULT]_material**h4.png → ....Pixel5,1.Ltr,1.DEFAULT]_material**h4.png b/....Pixel5,1.Ltr,1.DEFAULT]_material**h4.png → ....Pixel5,1.Ltr,1.DEFAULT]_material**h4.png
diff --git a/...seTest_test_previews[31.Material**H5,1.Pixel5,1.Ltr,1.DEFAULT]_material**h5.png b/...seTest_test_previews[31.Material**H5,1.Pixel5,1.Ltr,1.DEFAULT]_material**h5.png
diff --git a/....Pixel5,1.Ltr,1.DEFAULT]_material**h5.png → ....Pixel5,1.Ltr,1.DEFAULT]_material**h5.png b/....Pixel5,1.Ltr,1.DEFAULT]_material**h5.png → ....Pixel5,1.Ltr,1.DEFAULT]_material**h5.png
diff --git a/...seTest_test_previews[32.Material**H6,1.Pixel5,1.Ltr,1.DEFAULT]_material**h6.png b/...seTest_test_previews[32.Material**H6,1.Pixel5,1.Ltr,1.DEFAULT]_material**h6.png
diff --git a/....Pixel5,1.Ltr,1.DEFAULT]_material**h6.png → ....Pixel5,1.Ltr,1.DEFAULT]_material**h6.png b/....Pixel5,1.Ltr,1.DEFAULT]_material**h6.png → ....Pixel5,1.Ltr,1.DEFAULT]_material**h6.png
diff --git a/...eviews[33.Material**Subtitle1,1.Pixel5,1.Ltr,1.DEFAULT]_material**subtitle1.png b/...eviews[33.Material**Subtitle1,1.Pixel5,1.Ltr,1.DEFAULT]_material**subtitle1.png
diff --git a/...,1.Ltr,1.DEFAULT]_material**subtitle1.png → ...,1.Ltr,1.DEFAULT]_material**subtitle1.png b/...,1.Ltr,1.DEFAULT]_material**subtitle1.png → ...,1.Ltr,1.DEFAULT]_material**subtitle1.png
diff --git a/...eviews[34.Material**Subtitle2,1.Pixel5,1.Ltr,1.DEFAULT]_material**subtitle2.png b/...eviews[34.Material**Subtitle2,1.Pixel5,1.Ltr,1.DEFAULT]_material**subtitle2.png
diff --git a/..._test_previews[35.Material**Body1,1.Pixel5,1.Ltr,1.DEFAULT]_material**body1.png b/..._test_previews[35.Material**Body1,1.Pixel5,1.Ltr,1.DEFAULT]_material**body1.png
diff --git a/...,1.Ltr,1.DEFAULT]_material**subtitle2.png → ...,1.Ltr,1.DEFAULT]_material**subtitle2.png b/...,1.Ltr,1.DEFAULT]_material**subtitle2.png → ...,1.Ltr,1.DEFAULT]_material**subtitle2.png
diff --git a/...xel5,1.Ltr,1.DEFAULT]_material**body1.png → ...xel5,1.Ltr,1.DEFAULT]_material**body1.png b/...xel5,1.Ltr,1.DEFAULT]_material**body1.png → ...xel5,1.Ltr,1.DEFAULT]_material**body1.png
diff --git a/..._test_previews[36.Material**Body2,1.Pixel5,1.Ltr,1.DEFAULT]_material**body2.png b/..._test_previews[36.Material**Body2,1.Pixel5,1.Ltr,1.DEFAULT]_material**body2.png
diff --git a/...xel5,1.Ltr,1.DEFAULT]_material**body2.png → ...xel5,1.Ltr,1.DEFAULT]_material**body2.png b/...xel5,1.Ltr,1.DEFAULT]_material**body2.png → ...xel5,1.Ltr,1.DEFAULT]_material**body2.png
diff --git a/...est_previews[37.Material**Button,1.Pixel5,1.Ltr,1.DEFAULT]_material**button.png b/...est_previews[37.Material**Button,1.Pixel5,1.Ltr,1.DEFAULT]_material**button.png
diff --git a/...el5,1.Ltr,1.DEFAULT]_material**button.png → ...el5,1.Ltr,1.DEFAULT]_material**button.png b/...el5,1.Ltr,1.DEFAULT]_material**button.png → ...el5,1.Ltr,1.DEFAULT]_material**button.png
diff --git a/...t_previews[38.Material**Caption,1.Pixel5,1.Ltr,1.DEFAULT]_material**caption.png b/...t_previews[38.Material**Caption,1.Pixel5,1.Ltr,1.DEFAULT]_material**caption.png
diff --git a/...l5,1.Ltr,1.DEFAULT]_material**caption.png → ...l5,1.Ltr,1.DEFAULT]_material**caption.png b/...l5,1.Ltr,1.DEFAULT]_material**caption.png → ...l5,1.Ltr,1.DEFAULT]_material**caption.png
diff --git a/...previews[39.Material**Overline,1.Pixel5,1.Ltr,1.DEFAULT]_material**overline.png b/...previews[39.Material**Overline,1.Pixel5,1.Ltr,1.DEFAULT]_material**overline.png
diff --git a/...5,1.Ltr,1.DEFAULT]_material**overline.png → ...5,1.Ltr,1.DEFAULT]_material**overline.png b/...5,1.Ltr,1.DEFAULT]_material**overline.png → ...5,1.Ltr,1.DEFAULT]_material**overline.png
diff --git a/...ustomButton**Small,1.Pixel5,1.Ltr,1.DEFAULT]_localised**custombutton**small.png b/...ustomButton**Small,1.Pixel5,1.Ltr,1.DEFAULT]_localised**custombutton**small.png
diff --git a/...ustomButton**Small,2.Pixel5,1.Ltr,1.DEFAULT]_localised**custombutton**small.png b/...ustomButton**Small,2.Pixel5,1.Ltr,1.DEFAULT]_localised**custombutton**small.png
diff --git a/...EFAULT]_buttons**custombutton**medium.png → ...EFAULT]_buttons**custombutton**medium.png b/...EFAULT]_buttons**custombutton**medium.png → ...EFAULT]_buttons**custombutton**medium.png
diff --git a/...m/airbnb/android/showkase/screenshot/testing/paparazzi/PaparazziShowkaseScreenshotTest.kt b/...m/airbnb/android/showkase/screenshot/testing/paparazzi/PaparazziShowkaseScreenshotTest.kt
@@ -26,6 +26,7 @@ import app.cash.paparazzi.Paparazzi
 import com.airbnb.android.showkase.annotation.ShowkaseScreenshot
 import com.airbnb.android.showkase.models.ShowkaseBrowserColor
 import com.airbnb.android.showkase.models.ShowkaseBrowserComponent
+import com.airbnb.android.showkase.models.ShowkaseBrowserElement
 import com.airbnb.android.showkase.models.ShowkaseBrowserTypography
 import com.airbnb.android.showkase.ui.padding4x
 import com.android.ide.common.rendering.api.SessionParams
@@ -133,6 +134,8 @@ interface PaparazziShowkaseScreenshotTest {
 }
 
 interface PaparazziShowkaseTestPreview {
+    val showkaseBrowserElement: ShowkaseBrowserElement
+
     @Composable
     fun Content()
 }
@@ -142,9 +145,11 @@ private const val DELIM = "**"
 class ComponentPaparazziShowkaseTestPreview(
     private val showkaseBrowserComponent: ShowkaseBrowserComponent,
 ) : PaparazziShowkaseTestPreview {
+    override val showkaseBrowserElement: ShowkaseBrowserElement = showkaseBrowserComponent
 
     @Composable
     override fun Content() = showkaseBrowserComponent.component()
+
     override fun toString(): String =
         "${showkaseBrowserComponent.group}${DELIM}${showkaseBrowserComponent.componentName}${DELIM}" +
                 "${showkaseBrowserComponent.styleName}"
@@ -153,6 +158,8 @@ class ComponentPaparazziShowkaseTestPreview(
 class ColorPaparazziShowkaseTestPreview(
     private val showkaseBrowserColor: ShowkaseBrowserColor
 ) : PaparazziShowkaseTestPreview {
+    override val showkaseBrowserElement: ShowkaseBrowserElement = showkaseBrowserColor
+
     @Composable
     override fun Content() {
         Box(
@@ -170,6 +177,8 @@ class ColorPaparazziShowkaseTestPreview(
 class TypographyPaparazziShowkaseTestPreview(
     private val showkaseBrowserTypography: ShowkaseBrowserTypography
 ) : PaparazziShowkaseTestPreview {
+    override val showkaseBrowserElement: ShowkaseBrowserElement = showkaseBrowserTypography
+
     @Composable
     override fun Content() {
         BasicText(

diff --git a/showkase/src/main/java/com/airbnb/android/showkase/models/ShowkaseBrowserColor.kt b/showkase/src/main/java/com/airbnb/android/showkase/models/ShowkaseBrowserColor.kt
@@ -7,4 +7,8 @@ data class ShowkaseBrowserColor(
     val colorName: String,
     val colorKDoc: String,
     val color: Color
-)
+) : ShowkaseBrowserElement {
+    override val group: String = colorGroup
+    override val name: String = colorName
+    override val kDoc: String = colorKDoc
+}
diff --git a/showkase/src/main/java/com/airbnb/android/showkase/models/ShowkaseBrowserComponent.kt b/showkase/src/main/java/com/airbnb/android/showkase/models/ShowkaseBrowserComponent.kt
@@ -5,8 +5,8 @@ import androidx.compose.runtime.Composable
 // TODO(vinaygaba): Move it to a different module that has Android/Compose dependencies hoooked up. 
 // This was added here only because this module has compose dependencies.
 data class ShowkaseBrowserComponent(
-    val componentKey: String, 
-    val group: String,
+    val componentKey: String,
+    override val group: String,
     val componentName: String,
     val componentKDoc: String,
     val component: @Composable () -> Unit,
@@ -16,4 +16,7 @@ data class ShowkaseBrowserComponent(
     val heightDp: Int? = null,
     val tags: List<String> = emptyList(),
     val extraMetadata: List<String> = emptyList()
-)
+) : ShowkaseBrowserElement {
+    override val name: String = componentName
+    override val kDoc: String = componentKDoc
+}
diff --git a/showkase/src/main/java/com/airbnb/android/showkase/models/ShowkaseBrowserElement.kt b/showkase/src/main/java/com/airbnb/android/showkase/models/ShowkaseBrowserElement.kt
@@ -0,0 +1,7 @@
+package com.airbnb.android.showkase.models
+
+sealed interface ShowkaseBrowserElement {
+    val group: String
+    val name: String
+    val kDoc: String
+}
diff --git a/showkase/src/main/java/com/airbnb/android/showkase/models/ShowkaseBrowserTypography.kt b/showkase/src/main/java/com/airbnb/android/showkase/models/ShowkaseBrowserTypography.kt
@@ -7,4 +7,8 @@ data class ShowkaseBrowserTypography(
     val typographyName: String,
     val typographyKDoc: String,
     val textStyle: TextStyle,
-)
+) : ShowkaseBrowserElement {
+    override val group: String = typographyGroup
+    override val name: String = typographyName
+    override val kDoc: String = typographyKDoc
+}