Nav open / close arrow


Using this Component

SQL snippets are used to display small or large blocks of SQL code.


SQL snippets are formatted in monospace type, and should includes code syntax highlights provided the ACE editor.

Line Break Styles

showNewlines = true

For situations where space is less limited, and it is desirable to see lines of code as they would be appear in a text editor.

showNewlines = undefined (false)

For space-constrained situations to maximize the amount of code shown within a limited area.



SQL snippets by default are non-interactive components.


In space-constrained areas, a maximum length can be specified, beyond which the snippet will truncate, with an optional action to expand the truncated content inline.

Related Components

Last Updated

October 9, 2019

Coming soon...

Component code details are not currently available on this site, but we're working on it!

Checkout this UIKit component's code and comments in the codebase for usage examples, props, and more.