Geist UI

Snippet

Display a snippet of copyable code for the command line.

Basic usage.

Specify width manually.

Show different states with colors.

Hide icon for copy. (disable copy)

Attribute	Description	Type	Accepted values	Default
text	code snippet	`string` `string[]`	-	-
type	snippet types	`SnippetTypes`	SnippetTypes	`default`
filled	filled style	`boolean`	-	`false`
width	set CSS string	`string`	-	`initial`
copy	function of copy button	`CopyTypes`	CopyTypes	`default`
symbol	symbol snippet	`string`	-	`$`
toastText	toast text	`string`	-	`Copied to clipboard!`
toastType	toast type	`ToastTypes`	ToastTypes	`success`
...	native props	`HTMLAttributes`	`'id', 'name', 'className', ...`	-

type SnippetTypes =
  | 'default'
  | 'secondary'
  | 'success'
  | 'warning'
  | 'error'
  | 'dark'
  | 'lite'

type CopyTypes = 'default' | 'silent' | 'prevent'

type SnippetTypes = 'default' | 'secondary' | 'success' | 'warning' | 'error'

type ToastTypes = 'default' | 'secondary' | 'success' | 'warning' | 'error'

Contributors