Getting Started
Authoring
Access Control
Reference
-
- Overview
-
- Overview
- accordion
- alert
- alert-dialog
- aspect-ratio
- auto-truncater
- avatar
- avatar-group
- background-boxes
- badge
- blur-fade
- breadcrumb
- button
- calendar
- card
- carousel
- chart
- checkbox
- code-editor
- collapsible
- collection-form
- collection-kanban
- collection-runtime
- collection-table
- combobox
- command
- context-menu
- copy\_button
- country-picker
- data-renderer
- dialog
- doc-toc
- drawer
- dropdown-menu
- dynamic-background
- empty
- event-calendar
- feature-colors
- field
- file\_drop
- file-tree
- file-upload
- file-value
- form
- hover-card
- icon-wrapper
- indicator
- information
- input
- input-group
- item
- kanban
- keybindings
- label
- layout
- markdown-editor
- menubar
- multi-step-combobox
- navigation-menu
- page-header
- pagination
- pin-input
- popover
- portal
- product-icon
- progress
- radio-group
- range-calendar
- resource-scheduler
- scroll-area
- search
- selection-card
- separator
- sheet
- sidebar
- skeleton
- slider
- sliding-indicator
- sonner
- sortable
- spinner
- star-rating
- static-map
- step-form
- structured-value
- switch
- table
- tabs
- tags-input
- textarea
- theme-toggle
- thinking-orb
- time-field
- time-range
- toggle
- toggle-group
- tooltip
- tree-combobox
- tree-select
- tree-view
- utils
- workspace-shell
Examples
icon-wrapper
icon-wrapper
Type Aliases
IconWrapper
type IconWrapper = ReturnType<typeof IconWrapper>;Defined in: packages/ui/build/icon-wrapper/icon-wrapper.svelte.d.ts:5
Variables
ENTITY_ICONS
const ENTITY_ICONS: object;Defined in: packages/ui/build/icon-wrapper/entity-icons.d.ts:1
Type Declaration
datatype
readonly datatype: object;datatype.bool
readonly bool: "lucide:toggle-left";datatype.date-range
readonly date-range: "lucide:calendar-range";datatype.enum
readonly enum: "lucide:list";datatype.extension
readonly extension: "lucide:puzzle";datatype.file
readonly file: "lucide:file-image";datatype.geolocation
readonly geolocation: "lucide:map-pin";datatype.money
readonly money: "lucide:banknote";datatype.numeric
readonly numeric: "lucide:hash";datatype.range
readonly range: "lucide:sliders-horizontal";datatype.record_ref
readonly record_ref: "lucide:link";datatype.relationship
readonly relationship: "lucide:table-2";datatype.team
readonly team: "lucide:users";datatype.text
readonly text: "lucide:text";datatype.timestamptz
readonly timestamptz: "lucide:clock";datatype.user
readonly user: "lucide:user";datatype.uuid
readonly uuid: "lucide:key";
module
readonly module: object;module.accessControl
readonly accessControl: "product:organization";module.agents
readonly agents: "product:agent";module.applications
readonly applications: "product:apps";module.approvals
readonly approvals: "product:approvals";module.automations
readonly automations: "product:automations";module.builtin
readonly builtin: "lucide:blocks";module.customApps
readonly customApps: "product:apps";module.dataBrowser
readonly dataBrowser: "product:models";module.moduleStudio
readonly moduleStudio: "product:studio";module.permissions
readonly permissions: "product:policies";module.tasks
readonly tasks: "lucide:list-todo";module.workspaceStudio
readonly workspaceStudio: "product:studio";
state
readonly state: object;state.empty
readonly empty: "lucide:package-open";state.error
readonly error: "lucide:circle-x";state.info
readonly info: "lucide:info";state.loading
readonly loading: "lucide:loader-circle";state.success
readonly success: "lucide:circle-check";state.warning
readonly warning: "lucide:triangle-alert";
ui
readonly ui: object;ui.add
readonly add: "lucide:plus";ui.calendar
readonly calendar: "lucide:calendar";ui.chart
readonly chart: "lucide:chart-line";ui.close
readonly close: "lucide:x";ui.dashboard
readonly dashboard: "lucide:layout-dashboard";ui.delete
readonly delete: "lucide:trash-2";ui.document
readonly document: "lucide:file-text";ui.edit
readonly edit: "lucide:square-pen";ui.externalLink
readonly externalLink: "lucide:external-link";ui.filter
readonly filter: "lucide:filter";ui.maximize
readonly maximize: "lucide:maximize-2";ui.moreHorizontal
readonly moreHorizontal: "lucide:ellipsis";ui.moreVertical
readonly moreVertical: "lucide:ellipsis-vertical";ui.play
readonly play: "lucide:play";ui.search
readonly search: "lucide:search";ui.settings
readonly settings: "lucide:settings";ui.share
readonly share: "lucide:share-2";ui.star
readonly star: "lucide:star";ui.variable
readonly variable: "lucide:braces";IconWrapper
const IconWrapper: Component;Defined in: packages/ui/build/icon-wrapper/icon-wrapper.svelte.d.ts:5