How to use microsoft-adaptivecards - 10 common examples
To help you get started, weāve selected a few microsoft-adaptivecards examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
microsoft / AdaptiveCards / source / html / visualizer / src / containers / teams.ts View on Github 
actions: {
maxActions: 5,
spacing: Spacing.Default,
buttonSpacing: 10,
showCard: {
actionMode: ShowCardActionMode.Inline,
inlineTopMargin: 16
},
actionsOrientation: Orientation.Horizontal,
actionAlignment: ActionAlignment.Stretch
},
adaptiveCard: {
allowCustomStyle: false
},
image: {
size: Size.Medium
},
imageSet: {
imageSize: Size.Medium,
maxImageHeight: 100
},
factSet: {
title: {
color: TextColor.Default,
size: TextSize.Default,
isSubtle: false,
weight: TextWeight.Bolder,
wrap: true,
maxWidth: 150,
},
value: {
color: TextColor.Default,buttonSpacing: 20,
showCard: {
actionMode: ShowCardActionMode.Inline,
inlineTopMargin: 16
},
actionsOrientation: Orientation.Horizontal,
actionAlignment: ActionAlignment.Left
},
adaptiveCard: {
allowCustomStyle: false
},
image: {
size: Size.Medium,
},
imageSet: {
imageSize: Size.Medium,
maxImageHeight: 100
},
factSet: {
title: {
color: TextColor.Default,
size: TextSize.Default,
isSubtle: false,
weight: TextWeight.Bolder,
wrap: true,
maxWidth: 150
},
value: {
color: TextColor.Default,
size: TextSize.Default,
isSubtle: false,
weight: TextWeight.Default,buttonSpacing: 10,
showCard: {
actionMode: ShowCardActionMode.Inline,
inlineTopMargin: 16
},
actionsOrientation: Orientation.Horizontal,
actionAlignment: ActionAlignment.Stretch
},
adaptiveCard: {
allowCustomStyle: false
},
image: {
size: Size.Medium,
},
imageSet: {
imageSize: Size.Medium,
maxImageHeight: 100
},
factSet: {
title: {
color: TextColor.Default,
size: TextSize.Default,
isSubtle: false,
weight: TextWeight.Bolder,
wrap: true,
maxWidth: 150,
},
value: {
color: TextColor.Default,
size: TextSize.Default,
isSubtle: false,
weight: TextWeight.Default,actions: {
maxActions: 5,
spacing: Spacing.Default,
buttonSpacing: 20,
showCard: {
actionMode: ShowCardActionMode.Inline,
inlineTopMargin: 16
},
actionsOrientation: Orientation.Horizontal,
actionAlignment: ActionAlignment.Left
},
adaptiveCard: {
allowCustomStyle: false
},
image: {
size: Size.Medium,
},
imageSet: {
imageSize: Size.Medium,
maxImageHeight: 100
},
factSet: {
title: {
color: TextColor.Default,
size: TextSize.Default,
isSubtle: false,
weight: TextWeight.Bolder,
wrap: true,
maxWidth: 150
},
value: {
color: TextColor.Default,buttonSpacing: 10,
showCard: {
actionMode: ShowCardActionMode.Inline,
inlineTopMargin: 16
},
actionsOrientation: Orientation.Horizontal,
actionAlignment: ActionAlignment.Stretch
},
adaptiveCard: {
allowCustomStyle: false
},
image: {
size: Size.Medium
},
imageSet: {
imageSize: Size.Medium,
maxImageHeight: 100
},
factSet: {
title: {
color: TextColor.Default,
size: TextSize.Default,
isSubtle: false,
weight: TextWeight.Bolder,
wrap: true,
maxWidth: 150,
},
value: {
color: TextColor.Default,
size: TextSize.Default,
isSubtle: false,
weight: TextWeight.Default,actions: {
maxActions: 5,
spacing: Spacing.Default,
buttonSpacing: 20,
showCard: {
actionMode: ShowCardActionMode.Inline,
inlineTopMargin: 16
},
actionsOrientation: Orientation.Horizontal,
actionAlignment: ActionAlignment.Left
},
adaptiveCard: {
allowCustomStyle: false
},
image: {
size: Size.Medium,
},
imageSet: {
imageSize: Size.Medium,
maxImageHeight: 100
},
factSet: {
title: {
color: TextColor.Default,
size: TextSize.Default,
isSubtle: true,
weight: TextWeight.Bolder,
wrap: false,
maxWidth: 150,
},
value: {
color: TextColor.Default,actions: {
maxActions: 5,
spacing: Spacing.Default,
buttonSpacing: 10,
showCard: {
actionMode: ShowCardActionMode.Inline,
inlineTopMargin: 16
},
actionsOrientation: Orientation.Horizontal,
actionAlignment: ActionAlignment.Stretch
},
adaptiveCard: {
allowCustomStyle: false
},
image: {
size: Size.Medium,
},
imageSet: {
imageSize: Size.Medium,
maxImageHeight: 100
},
factSet: {
title: {
color: TextColor.Default,
size: TextSize.Default,
isSubtle: false,
weight: TextWeight.Bolder,
wrap: true,
maxWidth: 150,
},
value: {
color: TextColor.Default,buttonSpacing: 20,
showCard: {
actionMode: ShowCardActionMode.Inline,
inlineTopMargin: 16
},
actionsOrientation: Orientation.Horizontal,
actionAlignment: ActionAlignment.Left
},
adaptiveCard: {
allowCustomStyle: false
},
image: {
size: Size.Medium,
},
imageSet: {
imageSize: Size.Medium,
maxImageHeight: 100
},
factSet: {
title: {
color: TextColor.Default,
size: TextSize.Default,
isSubtle: true,
weight: TextWeight.Bolder,
wrap: false,
maxWidth: 150,
},
value: {
color: TextColor.Default,
size: TextSize.Default,
isSubtle: true,
weight: TextWeight.Default,buttonSpacing: 20,
showCard: {
actionMode: ShowCardActionMode.Inline,
inlineTopMargin: 16
},
actionsOrientation: Orientation.Horizontal,
actionAlignment: ActionAlignment.Left
},
adaptiveCard: {
allowCustomStyle: false
},
image: {
size: Size.Medium,
},
imageSet: {
imageSize: Size.Medium,
maxImageHeight: 100
},
factSet: {
title: {
color: TextColor.Default,
size: TextSize.Default,
isSubtle: false,
weight: TextWeight.Bolder,
wrap: true,
maxWidth: 150
},
value: {
color: TextColor.Default,
size: TextSize.Default,
isSubtle: false,
weight: TextWeight.Default,actions: {
maxActions: 5,
spacing: Spacing.Default,
buttonSpacing: 20,
showCard: {
actionMode: ShowCardActionMode.Inline,
inlineTopMargin: 16
},
actionsOrientation: Orientation.Horizontal,
actionAlignment: ActionAlignment.Left
},
adaptiveCard: {
allowCustomStyle: false
},
image: {
size: Size.Medium,
},
imageSet: {
imageSize: Size.Medium,
maxImageHeight: 100
},
factSet: {
title: {
color: TextColor.Default,
size: TextSize.Default,
isSubtle: false,
weight: TextWeight.Bolder,
wrap: true,
maxWidth: 150
},
value: {
color: TextColor.Default,microsoft-adaptivecards
Adaptive Card typescript/javascript library for Html Clients
Package Health Score
64 / 100Popular microsoft-adaptivecards functions
- microsoft-adaptivecards.ActionAlignment.Left
- microsoft-adaptivecards.ActionAlignment.Stretch
- microsoft-adaptivecards.Orientation.Horizontal
- microsoft-adaptivecards.ShowCardActionMode.Inline
- microsoft-adaptivecards.Size.Medium
- microsoft-adaptivecards.Spacing.Default
- microsoft-adaptivecards.TextColor.Default
- microsoft-adaptivecards.TextSize.Default
- microsoft-adaptivecards.TextWeight.Bolder
- microsoft-adaptivecards.TextWeight.Default