@@ -815,11 +815,17 @@ function DefaultVariantItemsExtraSmall() {
815815 < Item size = "xs" >
816816 < ItemContent >
817817 < ItemTitle > Title + Description</ ItemTitle >
818+ < ItemDescription >
819+ This is a description that provides additional context.
820+ </ ItemDescription >
818821 </ ItemContent >
819822 </ Item >
820823 < Item size = "xs" >
821824 < ItemContent >
822825 < ItemTitle > Title + Description + Button</ ItemTitle >
826+ < ItemDescription >
827+ This item includes a title, description, and action button.
828+ </ ItemDescription >
823829 </ ItemContent >
824830 < ItemActions >
825831 < Button variant = "outline" size = "sm" >
@@ -870,6 +876,9 @@ function DefaultVariantItemsExtraSmall() {
870876 </ ItemMedia >
871877 < ItemContent >
872878 < ItemTitle > Media + Title + Description</ ItemTitle >
879+ < ItemDescription >
880+ This item includes media, title, and description.
881+ </ ItemDescription >
873882 </ ItemContent >
874883 </ Item >
875884 < Item size = "xs" >
@@ -884,6 +893,10 @@ function DefaultVariantItemsExtraSmall() {
884893 </ ItemMedia >
885894 < ItemContent >
886895 < ItemTitle > Media + Title + Description + Button</ ItemTitle >
896+ < ItemDescription >
897+ Complete item with all components: media, title, description, and
898+ button.
899+ </ ItemDescription >
887900 </ ItemContent >
888901 < ItemActions >
889902 < Button size = "sm" > Action</ Button >
@@ -892,6 +905,9 @@ function DefaultVariantItemsExtraSmall() {
892905 < Item size = "xs" >
893906 < ItemContent >
894907 < ItemTitle > Multiple Actions</ ItemTitle >
908+ < ItemDescription >
909+ Item with multiple action buttons in the actions area.
910+ </ ItemDescription >
895911 </ ItemContent >
896912 < ItemActions >
897913 < Button variant = "outline" size = "sm" >
@@ -925,11 +941,17 @@ function OutlineVariantItemsExtraSmall() {
925941 < Item variant = "outline" size = "xs" >
926942 < ItemContent >
927943 < ItemTitle > Title + Description</ ItemTitle >
944+ < ItemDescription >
945+ This is a description that provides additional context.
946+ </ ItemDescription >
928947 </ ItemContent >
929948 </ Item >
930949 < Item variant = "outline" size = "xs" >
931950 < ItemContent >
932951 < ItemTitle > Title + Description + Button</ ItemTitle >
952+ < ItemDescription >
953+ This item includes a title, description, and action button.
954+ </ ItemDescription >
933955 </ ItemContent >
934956 < ItemActions >
935957 < Button variant = "outline" size = "sm" >
@@ -980,6 +1002,9 @@ function OutlineVariantItemsExtraSmall() {
9801002 </ ItemMedia >
9811003 < ItemContent >
9821004 < ItemTitle > Media + Title + Description</ ItemTitle >
1005+ < ItemDescription >
1006+ This item includes media, title, and description.
1007+ </ ItemDescription >
9831008 </ ItemContent >
9841009 </ Item >
9851010 < Item variant = "outline" size = "xs" >
@@ -994,6 +1019,10 @@ function OutlineVariantItemsExtraSmall() {
9941019 </ ItemMedia >
9951020 < ItemContent >
9961021 < ItemTitle > Media + Title + Description + Button</ ItemTitle >
1022+ < ItemDescription >
1023+ Complete item with all components: media, title, description, and
1024+ button.
1025+ </ ItemDescription >
9971026 </ ItemContent >
9981027 < ItemActions >
9991028 < Button size = "sm" > Action</ Button >
@@ -1002,6 +1031,9 @@ function OutlineVariantItemsExtraSmall() {
10021031 < Item variant = "outline" size = "xs" >
10031032 < ItemContent >
10041033 < ItemTitle > Multiple Actions</ ItemTitle >
1034+ < ItemDescription >
1035+ Item with multiple action buttons in the actions area.
1036+ </ ItemDescription >
10051037 </ ItemContent >
10061038 < ItemActions >
10071039 < Button variant = "outline" size = "sm" >
@@ -1035,11 +1067,17 @@ function MutedVariantItemsExtraSmall() {
10351067 < Item variant = "muted" size = "xs" >
10361068 < ItemContent >
10371069 < ItemTitle > Title + Description</ ItemTitle >
1070+ < ItemDescription >
1071+ This is a description that provides additional context.
1072+ </ ItemDescription >
10381073 </ ItemContent >
10391074 </ Item >
10401075 < Item variant = "muted" size = "xs" >
10411076 < ItemContent >
10421077 < ItemTitle > Title + Description + Button</ ItemTitle >
1078+ < ItemDescription >
1079+ This item includes a title, description, and action button.
1080+ </ ItemDescription >
10431081 </ ItemContent >
10441082 < ItemActions >
10451083 < Button variant = "outline" size = "sm" >
@@ -1090,6 +1128,9 @@ function MutedVariantItemsExtraSmall() {
10901128 </ ItemMedia >
10911129 < ItemContent >
10921130 < ItemTitle > Media + Title + Description</ ItemTitle >
1131+ < ItemDescription >
1132+ This item includes media, title, and description.
1133+ </ ItemDescription >
10931134 </ ItemContent >
10941135 </ Item >
10951136 < Item variant = "muted" size = "xs" >
@@ -1104,6 +1145,10 @@ function MutedVariantItemsExtraSmall() {
11041145 </ ItemMedia >
11051146 < ItemContent >
11061147 < ItemTitle > Media + Title + Description + Button</ ItemTitle >
1148+ < ItemDescription >
1149+ Complete item with all components: media, title, description, and
1150+ button.
1151+ </ ItemDescription >
11071152 </ ItemContent >
11081153 < ItemActions >
11091154 < Button size = "sm" > Action</ Button >
@@ -1112,6 +1157,9 @@ function MutedVariantItemsExtraSmall() {
11121157 < Item variant = "muted" size = "xs" >
11131158 < ItemContent >
11141159 < ItemTitle > Multiple Actions</ ItemTitle >
1160+ < ItemDescription >
1161+ Item with multiple action buttons in the actions area.
1162+ </ ItemDescription >
11151163 </ ItemContent >
11161164 < ItemActions >
11171165 < Button variant = "outline" size = "sm" >
0 commit comments