-
Notifications
You must be signed in to change notification settings - Fork 42
Data model
kodiakhq[bot] edited this page Nov 3, 2021
·
5 revisions
Standard
Data model
This ContentModel is a standard content structure to be used across the IBM.com Library. It defines, and standardizes the content hierarchy in a way that allows us to be consistent and speak the same language as we build out new components.
Back links (1)
- Data model is a shared architecture of content across all...
Resources
data | type |
---|---|
image |
Image |
svg |
SVG 2 |
eyebrow |
String |
heading |
Object |
heading.type |
String |
heading.copy |
String |
copy |
Markdown utility |
children |
Object |
cta |
CTA |
data | type | ||
---|---|---|---|
(required) |
src |
String or Object
|
SVG |
...otherProps |
Attributes |
Attributes like ariaLabel , or aria-hidden can be passed in and applied to the SVG
|
Publishing guidelines (6)
Layout component (37)
- CTA block
- CTA section
- Callout media
- Callout quote
- Callout
- Card group
- Card section carousel
- Card section images
- Card section offset
- Card section simple
- Card section
- Content block cards
- Content block horizontal
- Content block media
- Content block mixed groups
- Content block segmented
- Content block simple
- Content block
- Content group banner
- Content group cards
- Content group pictograms
- Content group simple
- Content group
- Content item horizontal
- Content item
- Content section
- Dotcom shell
- Feature section
- Lead space block
- Lead space search
- Lead space
- Link list section
- Logo grid
- Table of contents
- Tabs extended media
- Tabs extended
- Universal banner
Service (3)
UI component (34)
- Back to top
- Background media
- Button group
- CTA
- Card in card
- Card link
- Card
- Carousel
- Expressive modal
- Feature card
- Filter group
- Filter panel
- Footer
- Image with caption
- Image
- Input select
- Leaving ibm
- Lightbox media viewer
- Link list
- Link with icon
- Locale modal
- Masthead L0
- Masthead L1
- Masthead account
- Masthead mobile
- Masthead navigation
- Masthead
- Mega menu
- Pictogram item
- Quote
- Search typeahead
- Tag group
- Tag link
- Video