Skills
.Work. You
Rest

mds-component-table-html

Community

Reference modifiers for Maersk .mds-table.

Design & Creative#accessibility#tokens#modifier#table-styling#mds-table#maersk
AuthorobaDev95
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Provides a centralized reference of Maersk .mds-table modifiers, tokens, and accessibility rules to help teams apply consistent, accessible table styling without re-implementing the design system.

Core Features & Use Cases

  • Catalogue of size variants, divider options, zebra patterns, and sticky/header behaviors for .mds-table.
  • Guidance on wrapping, alignment, truncation, scrolling, and interactive columns to align with MDS practices.
  • Use Case: when integrating a third-party grid or server-rendered tables to match Maersk's design tokens and accessibility requirements.

Quick Start

Consult this skill when you need to choose an appropriate .mds-table modifier for a given table in UI code.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: mds-component-table-html
Download link: https://github.com/obaDev95/myf-agent-skills/archive/main.zip#mds-component-table-html

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.