Skip to content

Commit 7f62476

Browse files
committed
Feat: CodeBlock toggle code docs
1 parent feab0fe commit 7f62476

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

website/docs/components/code-block/partials/code/how-to-use.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -149,12 +149,12 @@ loadInitializers(App, config.modulePrefix);"
149149

150150
### Limit height
151151

152-
Code content uses `auto` height by default but you can opt to set a `maxHeight` value to save space. Vertical scrolling is enabled as part of this feature allowing users to scroll vertically to view the overflowing content.
152+
Code content uses `auto` height by default but you can opt to set a `maxHeight` value to save space. If the content height exceeds the set max height, vertical scrolling is enabled to scroll vertically to view the overflowing content. Also, a toggle button is rendered, which can be used to expand the height and show the code block in its entierty.
153153

154154
```handlebars
155155
<Hds::CodeBlock
156156
@language="javascript"
157-
@maxHeight="105px"
157+
@maxHeight="130px"
158158
@value="import Application from `@ember/application`;
159159
import Resolver from `ember-resolver`;
160160
import loadInitializers from `ember-load-initializers`;

0 commit comments

Comments
 (0)