Ctainline (v1)
Functional component variations
Default state – all required fields at minimal values

primary/text (minimal value)

primary/text (maximal value)

primary/linkIconPath (minimal value)

primary/linkIconPath (maximal value)

linkType = internal

linkType = external

linkType = document

linkType = anchor

linkType = gap

internalLink (minimal value)

internalLink (maximal value)

externalLink (minimal value)

externalLink (maximal value)

document (minimal value)

document (maximal value)

anchorLink (minimal value)

anchorLink (maximal value)

gapLink (minimal value)

gapLink (maximal value)

secondary/text (minimal value)

secondary/text (maximal value)

secondary/linkIconPath (minimal value)

secondary/linkIconPath (maximal value)

All dialog fields populated with minimal values

Style variations
Style: Primary Button Style > Secondary (Gray)

Style: Primary Button Style > Secondary (Green)

Style: Primary Button Style > Simple Link

Style: Secondary Button Style > Primary

Style: Secondary Button Style > Secondary (Gray)

Style: Secondary Button Style > Secondary (Green)

Default style (no explicit style applied)

Style combo 1: Primary Button Style>Secondary (Gray) + Secondary Button Style>Primary

Style combo 2: Primary Button Style>Secondary (Green) + Secondary Button Style>Secondary (Gray)

Style combo 3: Primary Button Style>Simple Link + Secondary Button Style>Secondary (Green)

Critical integration: required dialog fields combined with primary style