Token blocks

Add a color ramps block

To add a design tokens block to your documentation:

1. Select Color ramps from the block menu.
2. In the block's property panel to the right, click Change selection to select the tokens you want to display in the block.

1. You can then choose to add either a color token group, or individual color tokens (you can't add both). Search and select the tokens you'd like to use for the block in the selection dialog. The tokens will be shown in the same order in your published documentation.
2. Click Save selection.

In the property panel to the right of the screen, you can do the following:

• Change the number of columns using the slider.
• Change the token in the block by clicking Change selection.
• Choose a theme token to either be displayed beside the base token value, or override it. See Displaying theme tokens for more.