Components
- Accordion
- Alert
- Avatar
- Badge
- Breadcrumb
- Bubble
- Button
- Button Group
- Calendar
- Carousel
- Checkbox
- Clipboard
- Collapsible
- Color Picker
- Combobox
- Data Table
- Date Picker
- Description List
- Dropdown Button
- Empty
- Form
- Group Box
- Hover Card
- Icon
- Image
- Input
- Input Group
- Kbd
- Label
- Link
- List
- Marker
- Menu
- Message
- Notification
- Number Input
- Pagination
- Popover
- Progress
- Progress Circle
- Radio
- Rating
- Resizable
- Scrollable
- Select
- Separator
- Sheet
- Shimmer
- Sidebar
- Skeleton
- Slider
- Spinner
- Status Bar
- Stepper
- Switch
- Table
- Tabs
- Tag
- Textarea
- Time Field
- Title Bar
- Toggle
- Toggle Group
- Toolbar
- Tooltip
- Tree
- Virtual List
A ghost icon button that copies its text and shows a check mark afterwards.
New control
Interactive



<StackPanel Orientation="Horizontal" Spacing="4" HorizontalAlignment="Left">
<TextBlock Text="dotnet add package AvaloniaUIKit" VerticalAlignment="Center" />
<gpui:Clipboard Text="dotnet add package AvaloniaUIKit" />
</StackPanel>Usage
gpui:Clipboard is a Button (so Click and Command work) drawn as a ghost icon-only button with the copy icon. Set Text to what it copies; a click writes it to the clipboard, raises Copied, and shows the check icon for two seconds (the :copied pseudo-class and IsCopied), during which another click does nothing. Sizes are the Button's: xsmall, small, large (medium is the default).
Examples
The four sizes.
Interactive



<WrapPanel ItemSpacing="8" LineSpacing="8">
<gpui:Clipboard Classes="xsmall" Text="Copied text" />
<gpui:Clipboard Classes="small" Text="Copied text" />
<gpui:Clipboard Text="Copied text" />
<gpui:Clipboard Classes="large" Text="Copied text" />
</WrapPanel>Not covered
- Computing the value at click time (GPUI's
value_fn): setTextbefore the click instead.