Is there documentation for Lightning:... components that goes beyond the Component Reference pages?

Question

There are now many lightning:... components listed in the Lightning Components Developer Guide Component Reference that generate SLDS markup and standard icons. This is good news, potentially making consistent SLDS styling much less tedious to achieve.

I am wondering if there is any Salesforce or 3rd party documentation that goes further such as:

• a visual reference i.e. what each component looks like in a page
• examples of standard ways to compose these components into common layouts

Answer 1

As of not too long ago (2018)

the component-library overview seems to do just that, including:

• code blueprint with different modalities (like the SLDS Doc)
• a Visual Representation
• the Reference Doc
• Searchable interface with filters for different interfaces

Forgot to mention -> the new Auradocs, now adopt the same format as the above component documentation, however, the URL is now:

https://DOMAIN.lightning.force.com/docs/component-library/overview/components

Answer 2

You can check the Lightning Design System website for previews. They have linked directly to each of these reference points in every 'lightning:' pages. The exact wording used would be something on the lines of, 'This component inherits styling from ____ in the Lightning Design System.'

Lightning:card for example can be previewed here.