Support component

Meta tags

Compact duration, category or format labels.

approved Current implementation: ISQ Rise Version introduced: 1.0.0 Platforms: Rise Owner: Design and development steward

ISQ Rise implementation preview

Rendered with the governed ISQ production Rise CSS

40 min Compliance

Light background shown; verify against a tinted or dark surface where the component is used that way in course.

Use when / avoid when

Use when

Metadata needs to be scannable at a glance beside a title.

Avoid when

The value is essential instruction — metadata is a label, not the content itself.

Anatomy

Container (.isq-meta)
Item (.isq-meta__item)

Variants

isq-meta--dark

States

Responsive behaviour

Wraps to a new line rather than truncating.

Accessibility

Plain text — no icon-only meta items without a text label.

Current implementation

Theme and platform: ISQ · Articulate Rise

Implementation type: css-foundation

The classes below belong to the ISQ implementation namespace. A future theme may implement the same component contract with different tokens and class names.

Dependencies: Production CSS only.

Code

HTML

<div class="isq-meta">
  <span class="isq-meta__item">40 min</span>
  <span class="isq-meta__item">Compliance</span>
</div>

Classes used: .isq-meta, .isq-meta__item, .isq-meta--dark

ISQ production stylesheet reference →

Related items

Related patterns: —

Related components: Card grid Resource card

Governance metadata

Owner	Design and development steward
Status	Approved
Version introduced	1.0.0
Last reviewed	2026-07
Known limitations	None recorded.