State Manager
ID:
expand_card
OFF
expand_card
local_activity
Card Title

Markdown

Writing in Markdown format is a simple and fast way to add styled text to your web pages.

  • Ordered and Unordered Lists.
  • Simple Links: Stacks can use Markdown Syntax too.
  • Simple formatting: Bold and Italic.
  • Code snippets: 10 PRINT "HELLO WORLD"
Description for the card goes here

Markdown

Writing in Markdown format is a simple and fast way to add styled text to your web pages.

  • Ordered and Unordered Lists.
  • Simple Links: Stacks can use Markdown Syntax too.
  • Simple formatting: Bold and Italic.
  • Code snippets: 10 PRINT "HELLO WORLD"
Container Transform expand_card
View Details

Markdown

Writing in Markdown format is a simple and fast way to add styled text to your web pages.

  • Ordered and Unordered Lists.
  • Simple Links: Stacks can use Markdown Syntax too.
  • Simple formatting: Bold and Italic.
  • Code snippets: 10 PRINT "HELLO WORLD"
Icon Transform expand_card
arrow_forward
The Card Content section has a max-height of **0px** initially

The Card Content section has a max-height of 0px initially

The Card Content section has a max-height of **0px** initially

When the expand_card state is turned on the transform is applied, and the max-height is set to 1,000px, causing the content to expand and reveal.

The Card Content section has a max-height of **0px** initially

That's all there is to it. If you have longer content, you might want to increase the 1,000px to something greater. The closer the max-height to your contents height, the smoother the expand will be.