Nav open / close arrow
✅ Good to Use!
In Design
This element is in design, and is not ready to be used in the codebase yet.
Marked for Deprecation
This element is marked for deprecation, and should not be used in any future projects.
Content out of date
The content here may be out of date. Talk to a designer for more details.
Deprecated
This element has been deprecated and should not be used.

SQL Snippet

UISQLSnippet

Usage
Code

Styles

Using this Component

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


Appearance

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.

‍

Structure

Behavior

SQL snippets by default are non-interactive components.


Truncation

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

August 6, 2020

Coming soon...

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

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

Eng Description

Code Path & Props

Up to date props can be found at the codepath above.

Example Code