aliases library
Shorthand A* aliases for all Arcane* components.
Classes
- a
- The <a> HTML element (or anchor element), with its href attribute, creates a hyperlink to web pages, files, email addresses, locations in the same page, or anything else a URL can address.
- AArrowDown
- AArrowUp
- AbstractChatMessage
- Abstract message interface.
- AbstractChatUser
- Abstract user interface.
- Accessibility
- AccordionItemProps
- Accordion item data.
- AccordionProps
- Accordion component properties.
- ActionSheetItem
- An action item for ArcaneActionSheet.
- Activity
- Airplay
- AirVent
- ALargeSmall
- AlarmClock
- AlarmClockCheck
- AlarmClockMinus
- AlarmClockOff
- AlarmClockPlus
- AlarmSmoke
- Album
- AlertBannerProps
- Alert banner component properties.
- AlertDialogProps
- Alert dialog component properties.
- AlertProps
- Alert component properties.
- AlignCenterHorizontal
- AlignCenterVertical
- AlignEndHorizontal
- AlignEndVertical
- AlignHorizontalDistributeCenter
- AlignHorizontalDistributeEnd
- AlignHorizontalDistributeStart
- AlignHorizontalJustifyCenter
- AlignHorizontalJustifyEnd
- AlignHorizontalJustifyStart
- AlignHorizontalSpaceAround
- AlignHorizontalSpaceBetween
- AlignStartHorizontal
- AlignStartVertical
- AlignVerticalDistributeCenter
- AlignVerticalDistributeEnd
- AlignVerticalDistributeStart
- AlignVerticalJustifyCenter
- AlignVerticalJustifyEnd
- AlignVerticalJustifyStart
- AlignVerticalSpaceAround
- AlignVerticalSpaceBetween
- Ambulance
- Ampersand
- Ampersands
- Amphora
- Anchor
- Angle
-
The
<angle>CSS data type represents an angle value expressed in degrees, gradians, radians, or turns. It is used by CSS functions likerotate()and in gradient angles. - Angry
- AnimatedCounterProps
- Animated counter component properties.
- AnimatedGradientTextProps
- Animated gradient text component properties.
- Animation
-
The
animationCSS property applies an animation between styles. - Annoyed
- Antenna
- Anvil
- Aperture
- AppBinding
- Main class that provide services (also known as "bindings").
- Apple
- AppWindow
- AppWindowMac
- ArcaneAccordion
- Collapsible accordion component.
- ArcaneAccordionItem
- Accordion item data model.
- ArcaneActionSheet
- Action sheet with a list of actions (mobile-style).
- ArcaneAlert
- Inline alert component for important messages that need user attention.
- ArcaneAlertBanner
- Alert/banner component with variant styles.
- ArcaneAlertDialog
- Simple alert dialog with single dismiss action.
- ArcaneAnimatedCounter
- Animated counter display for statistics.
- ArcaneAnimatedGradientText
- Animated gradient text with color shift.
- ArcaneApp
- Root application component for Arcane Jaspr apps.
- ArcaneArrowLink
- A simple inline text link with an arrow icon.
- ArcaneAspectRatio
- A container that maintains a specific aspect ratio.
- ArcaneAuthBackLink
- A simple "back to" link for auth layouts.
- ArcaneAuthLayout
- A layout for authentication screens with centered content and optional background effects.
- ArcaneAuthorCard
- Author attribution card with avatar, name, and role.
- ArcaneAuthProvider
- Stub auth provider for non-web platforms.
- ArcaneAvatar
- Avatar component for displaying user images or initials.
- ArcaneAvatarBadge
- Badge displayed on an avatar.
- ArcaneAvatarGroup
- Avatar group for stacking multiple avatars with overlap.
- ArcaneBackToTop
- Back to top button.
- ArcaneBadge
- A pill-shaped badge/label component.
- ArcaneBar
- An app bar / header component.
- ArcaneBodyText
- Body text component.
- ArcaneBorder
- Border for ArcaneBoxDecoration.
- ArcaneBottomBar
- Fixed position bottom bar container.
- Bottom navigation bar component.
- Bottom navigation item.
- ArcaneBox
- A container component with enum-based styling.
- ArcaneBoxDecoration
- Box decoration for ArcaneContainer.
- ArcaneBreadcrumbs
- Navigation breadcrumbs component.
- ArcaneBulletList
- Styled unordered list wrapper.
- ArcaneButton
- A styled button component.
- ArcaneButtonGroup
- A group of related buttons or controls.
- ArcaneButtonPanel
- A panel component for action buttons, typically used in dialogs or footers.
- ArcaneCalendar
- A calendar component for date selection.
- ArcaneCallout
- Inline callout/notice component for highlighting important information.
- ArcaneCard
- Card component with consistent styling and multiple variants.
- ArcaneCardCarousel
- Horizontally scrollable widget container with edge fading.
- ArcaneCardCarouselTheme
- Theme configuration for CardCarousel widgets.
- ArcaneCardSection
- Card with section-style content organization.
- ArcaneCarouselSection
- Marketing section with an infinite carousel.
- ArcaneCarpet
- A background container component that provides a subtle surface layer.
- ArcaneCatImage
- A random cat image from cataas.com.
- ArcaneCenter
- A center alignment component.
- ArcaneCenterBody
- A component that centers its content both horizontally and vertically.
-
ArcaneChatScreen<
M extends AbstractChatMessage, U extends AbstractChatUser> - Chat screen component.
- ArcaneCheckbox
- Checkbox input component.
- ArcaneCheckItem
- A single check item with icon and text.
- ArcaneCheckList
- A list of check items.
- ArcaneChip
- A single chip component.
- ArcaneChipGroup
- A group of selectable chips where multiple can be selected.
- ArcaneChipProps
- Selectable chip component properties.
- ArcaneCircularProgress
- Circular progress indicator.
- ArcaneCodeBlock
- Styled preformatted text wrapper with style presets.
- ArcaneCodePreview
- A simple code snippet preview without window chrome.
- ArcaneCodeSnippet
- A code snippet component with copy button overlaid in top-right corner.
- ArcaneCodeWindow
- A code display window with macOS-style window chrome.
- ArcaneCollection
- Flexible container for rendering lists of components.
- ArcaneColorInput
- Color picker/input component with swatch preview and hex input.
- ArcaneColors
- Color design tokens as CSS variable references.
- ArcaneColumn
- A column layout component (vertical flex).
-
ArcaneCombobox<
T> - An autocomplete combobox with search filtering.
- ArcaneCommand
- Command palette for quick actions and navigation.
- ArcaneCommonStyles
- Common style patterns.
- ArcaneConfirmDialog
- Confirmation dialog with confirm/cancel actions.
- ArcaneContainer
- A container component with styling options.
- ArcaneContextMenu
- Context menu that appears on right-click.
- ArcaneCounterRow
- Counter row for displaying multiple stats.
- ArcaneCtaBanner
- Call-to-action banner with gradient background.
- ArcaneCtaGroup
- A CTA button group component.
-
ArcaneCycleButton<
T> - A button that cycles through a list of values on each click.
- ArcaneDashboardLayout
- A reusable dashboard layout with sidebar navigation.
- ArcaneDashboardTopBar
- A simple top bar component for dashboard layouts.
- ArcaneDashboardUserMenu
- A user menu component for the dashboard top bar.
-
ArcaneDataColumn<
T> - Column definition for ArcaneDataTable.
-
ArcaneDataTable<
T> - Data table component for displaying tabular data.
- ArcaneDatePicker
- A date picker input with calendar dropdown.
- ArcaneDateTimePicker
- A unified date and/or time picker component.
- ArcaneDialog
- Modal dialog component with title, content, and actions.
- ArcaneDialogBar
- A simple top bar for dialogs.
- ArcaneDisclosure
- Disclosure widget using native HTML details/summary elements.
- ArcaneDisclosureGroup
- Group of disclosure widgets.
- ArcaneDisclosureItem
- Item in an ArcaneDisclosureGroup.
- ArcaneDiv
- Styled div wrapper.
- ArcaneDivider
- A divider component.
- ArcaneDividerProps
- Arcane divider component properties.
- ArcaneDotIndicator
- Dot indicator for carousels, steppers, and page indicators.
- ArcaneDotsLoader
- Dots loader animation.
- ArcaneDrawer
- Slide-in drawer/sheet panel.
- ArcaneDropdownMenu
- Dropdown menu component.
- ArcaneEffects
- Effects design tokens.
- ArcaneEmptyState
- An empty state component for when there's no content.
- ArcaneErrorState
- An error state component.
- ArcaneExpanded
- An expanded component that fills available space.
- ArcaneExpander
- Expandable/collapsible component.
- ArcaneFAB
- A floating action button component.
- ArcaneFadeEdge
- An overlay that creates a fade-to-transparent effect at an edge.
- ArcaneFaqAccordion
- FAQ accordion with question/answer pairs.
- ArcaneFeatureCard
- Feature card for showcasing product features with icon, title, and description.
- ArcaneFeatureRow
- A feature/benefit row commonly used in pricing or comparison sections.
- ArcaneFeatureShowcase
- A feature showcase section using FlexiCards.
-
ArcaneField<
T> - Generic form field component with provider-based state management.
-
ArcaneFieldDirectProvider<
T> - Field provider delegating to custom getter/setter functions.
-
ArcaneFieldMapProvider<
T> - Field provider using nested Map storage with dot notation access.
- ArcaneFieldMetadata
- Metadata for an ArcaneField.
-
ArcaneFieldProvider<
T> - Abstract base class for form field providers.
- ArcaneFieldStyles
- ArcaneFieldWrapper
- Wrapper for form fields providing consistent styling and layout.
- ArcaneFileUpload
- File upload/dropzone component.
- ArcaneFillScreen
- Screen that fills the entire viewport.
- ArcaneFlexiCards
- Interactive card group where hovering magnifies focused card while shrinking others.
- ArcaneFlexiCardsSimple
- Simpler flexi cards variant using CSS :hover without state management.
- ArcaneFloatingActionButton
- Floating action button.
- ArcaneFlow
- A flexible flow layout component that wraps children.
- A website footer component.
- A brand column for footers with logo, description, and optional status.
- A footer column with title and list of links.
- ArcaneForgotPasswordCard
- Password reset card with email input and reset link functionality.
- ArcaneForm
- Complete form component with built-in state management.
- ArcaneFormattedInput
- A formatted/patterned input for structured data like dates, phone numbers, etc.
- ArcaneFormContext
- Form context data for accessing form state.
- ArcaneFormProvider
- Form provider component that manages form state.
- ArcaneFormScope
- Inherited component to provide form context to descendants.
- ArcaneFormSection
- Form section that groups multiple fields together.
- ArcaneFullScreen
- Simple fullscreen container.
- ArcaneGameCard
- A game card with more details.
- ArcaneGameSelector
- A grid of game tiles.
- ArcaneGameTile
- A game tile component for game server selection.
- ArcaneGap
- A flexible gap component.
- ArcaneGlass
- A glassmorphism container component.
- ArcaneGlassCard
- A glass card with standard card styling.
- ArcaneGlowText
- Glow text effect.
- ArcaneGradientGlass
- A gradient glass effect.
- ArcaneGradientText
- Text with gradient color.
- ArcaneGridView
- Grid layout component.
- ArcaneGutter
- A spacing component that provides consistent gaps between elements.
- ArcaneHamburgerButton
- Hamburger menu button.
- ArcaneHeader
- Website header/navbar component.
- ArcaneHeading
- Styled heading wrapper for h1-h6 elements.
- ArcaneHeadline
- Styled headline component.
- ArcaneHeroCarousel
- Hero carousel with full-width slides.
- ArcaneHeroSection
- A hero section component for landing pages.
- ArcaneHovercard
- A floating card that appears on hover with rich, interactive content.
- Styled footer element wrapper.
- ArcaneHtmlSection
- Styled section element wrapper.
- ArcaneIcon
- Wrapper class providing access to all 1666 Lucide icons.
- ArcaneIconButton
- An icon-only button component.
- ArcaneIconCard
- Simple icon card for feature grids.
- ArcaneImage
- Styled image wrapper.
- ArcaneImageCard
- Image card with overlay text.
- ArcaneIndexedStack
- An indexed stack that preserves state of all children.
- ArcaneInfiniteCarousel
- Infinite scrolling carousel that auto-scrolls horizontally.
- ArcaneInfoTooltip
- Info icon with tooltip.
- ArcaneInlineCode
- An inline code component.
- ArcaneInput
- Factory class for creating common field types.
- ArcaneInputDialog
- Input dialog supporting text, email, password, multiline, and number inputs.
- ArcaneInputGroup
- Input group that combines multiple inputs in a row.
- ArcaneIntegrationCard
- Integration/partner card displaying logo, name, and description.
- ArcaneIntegrationGrid
- Grid layout for multiple integration cards.
-
ArcaneItemPicker<
T> - General-purpose item picker dialog with search and multi-select support.
- ArcaneKbd
- Keyboard shortcut display component.
-
ArcaneKeyedSwitcher<
T> - A keyed switcher that uses keys to determine which child to show.
- ArcaneKeyValueRow
- Row data for KeyValueTable.
- ArcaneKeyValueTable
- Simple key-value table with two columns.
- ArcaneLabel
- Styled label element wrapper.
- ArcaneLayout
- Layout design tokens.
- ArcaneLink
- Styled anchor link wrapper.
- ArcaneListCard
- List card containing list items with optional dividers.
- ArcaneListItem
- Styled list item wrapper.
- ArcaneListView
- Scrollable list view component.
- ArcaneLoader
- Spinner loader component.
- ArcaneLoaderStyles
- Style injection for loader animations.
- ArcaneLoadingOverlay
- Full-screen loading overlay.
- ArcaneLoadingSpinner
- Indeterminate loading spinner.
- ArcaneLoadingState
- A loading state component.
- ArcaneLoginCard
- Login card with email/password form and social sign-in options.
- ArcaneLogoCarousel
- An infinite scrolling logo carousel.
- ArcaneLogoGrid
- A static logo grid layout.
- ArcaneMain
- Styled main element wrapper.
- ArcaneMap
- Unified map component supporting both world and USA maps.
- ArcaneMarquee
- An infinite scrolling marquee/carousel component.
- ArcaneMarqueeReverse
- A reverse marquee that scrolls in the opposite direction.
- ArcaneMasonryGrid
- Masonry-style layout component.
- ArcaneMegaMenu
- Navigation dropdown with mega-menu style.
- ArcaneMegaMenuSection
- Section in a mega menu.
- ArcaneMenubar
- Horizontal menu bar component.
- ArcaneMenubarMenu
- Top-level menu in the menubar.
- ArcaneMenuItem
- Unified menu item for dropdown menus, context menus, and menubars.
- ArcaneMeter
- Progress meter/gauge component displaying a value within a range.
- ArcaneMetricDisplay
- A metric display with label.
- ArcaneMobileMenu
- Mobile hamburger menu.
- Mobile navigation item.
- ArcaneMutableText
- A text component that can be clicked to edit inline.
- Styled nav element wrapper.
- Carousel with navigation arrows.
- Navigation destination.
- Screen with built-in navigation (sidebar or bottom nav).
- Navigation link item.
- Simple nav link component.
- A navigation tile for sidebar or list navigation.
- ArcaneNewsletterForm
- Newsletter signup form component.
- ArcaneNumberedList
- Styled ordered list wrapper.
- ArcaneNumberInput
- Numeric input with increment/decrement controls.
- ArcaneOtpInput
- One-time password input with separate digit fields.
- ArcaneOutlineText
- Outline text effect.
- ArcanePadding
- A padding wrapper component.
- ArcanePageBody
- A page-level centered content container.
- ArcanePagination
- Page navigation component.
- ArcaneParagraph
- Styled paragraph wrapper.
- ArcanePopover
- A floating content panel that appears relative to a trigger element.
- ArcanePositioned
- A positioned child for use within an ArcaneStack.
- ArcanePricingCard
- Pricing card displaying tier information with features and CTA.
- ArcanePricingGrid
- Grid layout for displaying multiple pricing tiers.
- ArcaneProgressBar
- Progress bar component with various styles.
- ArcanePulseLoader
- Pulse loader animation.
- ArcaneQuote
- Styled blockquote wrapper.
- ArcaneRadio
- Radio button component.
-
ArcaneRadioCards<
T> - A group of selectable cards where only one can be selected at a time.
-
ArcaneRadioGroup<
T> - A radio button group component.
- ArcaneRadius
- Border radius design tokens.
- ArcaneRatingStars
- Star rating display component.
- ArcaneRatingStarsSimple
- Rating stars display component.
- ArcaneRawButton
- Raw button element wrapper.
- ArcaneRawInput
- Raw input element wrapper.
- ArcaneRepeater
- Simple repeater component for generating repeated elements.
- ArcaneResizable
- A resizable panel group with draggable dividers.
- ArcaneResponsiveScaffold
- Responsive scaffold that adapts to screen size.
- ArcaneRichText
- Rich text component supporting mixed styling.
- ArcaneRow
- A row layout component (horizontal flex).
- ArcaneScreen
- Base screen component that provides consistent layout structure.
- ArcaneScripts
- Fallback JavaScript for Arcane components on static sites.
- ArcaneScriptsComponent
- Component that injects Arcane fallback scripts into the page.
- ArcaneScrollArea
- A scrollable area with custom styled scrollbars.
- ArcaneScrollProgress
- Scroll progress indicator.
- ArcaneScrollRail
- A scrollable sidebar rail that maintains position independently of page scroll.
- ArcaneScrollRailLayout
- A layout component that combines a scroll rail with main content.
- ArcaneSearch
- A search input component with optional icon, clear button, and results dropdown.
- ArcaneSection
- A section component for grouping related content with an optional header.
- ArcaneSectionHeader
- A reusable section header with label, heading, and description.
- ArcaneSelect
- A select/dropdown input component.
- ArcaneSelectOption
- Select option model.
-
ArcaneSelector<
T> - A dropdown selector component with extensive customization options.
-
ArcaneSelectorGroup<
T> - A group header for organizing options.
-
ArcaneSelectorOption<
T> - An option for ArcaneSelector.
- ArcaneSeparator
- A visual separator/divider component.
- ArcaneSettingsInfoRow
- A row displaying a label and value.
- ArcaneSettingsNote
- A note/info box within a settings section.
- ArcaneSettingsSection
- A settings section card with a title and content.
- ArcaneSettingsSubheader
- A subsection header within a settings section.
- ArcaneSettingsToggleRow
- A toggle switch row for settings.
- ArcaneSheet
- A modal sheet that slides in from screen edges.
- ArcaneSidebar
- Sidebar navigation component.
- ArcaneSidebarCollapsed
- Content that only displays when sidebar is collapsed.
- ArcaneSidebarExpanded
- Content that only displays when sidebar is expanded.
- ArcaneSidebarGroup
- Sidebar item group with optional label.
- ArcaneSidebarItem
- Sidebar navigation item.
- ArcaneSidebarSeparator
- Visual separator between sidebar groups or items.
- ArcaneSidebarSubMenu
- Collapsible submenu within a sidebar item.
- ArcaneSideContent
- Styled aside element wrapper for supplementary content.
- ArcaneSignupCard
- Registration card with email/password form, social sign-in, and terms acceptance.
- ArcaneSizedBox
- A sized box component.
- ArcaneSkeleton
- Skeleton loading placeholder component.
- ArcaneSkeletonCard
- Skeleton card placeholder.
- ArcaneSkeletonText
- Skeleton text block with multiple lines.
- ArcaneSlider
- Slider input component with single value or range mode.
- ArcaneSliverSection
- A sliver-style section for use in scrollable lists.
- ArcaneSlotCounter
- A slot-machine style animated counter that spins through random values.
- ArcaneSlotCounterCard
- A card containing a slot counter with optional styling.
- ArcaneSlotCounterRow
- A row of slot counters for displaying multiple live values.
- ArcaneSocialIcon
- Social icon link component.
- ArcaneSocialIconGroup
- Group of social icons.
- ArcaneSocialLinks
- Social links component with labels.
- ArcaneSpacer
- A flexible spacer component.
- ArcaneSpacing
- Spacing design tokens as CSS value strings.
- ArcaneSpan
- Styled inline span wrapper.
- ArcaneStack
- An ArcaneStack component for positioning children on top of each other.
- ArcaneStatCard
- Stat card for displaying metrics with optional trend indicator.
- ArcaneStatCardRow
- Row layout for multiple stat cards.
- ArcaneStatDisplay
- A metric/stat display with large value and label.
- ArcaneStaticTable
- Static table component for displaying simple tabular data.
- ArcaneStatRow
- A row of stat displays for trust indicators.
- ArcaneStatusBadge
- Status indicator badge with optional pulse animation.
- ArcaneStatusIndicator
- Status indicator dot with optional label.
- ArcaneStepIndicator
- Step indicator with labels.
- ArcaneStepItem
- Step item data for the component wrapper.
- ArcaneSteps
- A numbered steps component for showing progress through a process.
- ArcaneStructuredCard
- Card with header, body, and footer sections.
- ArcaneStyleData
- Immutable style configuration with type-safe enum properties.
- ArcaneStylesheet
- Base class for stylesheets.
- ArcaneSubheadline
- Subheadline/lead paragraph text.
- ArcaneSurface
- A surface component with customizable elevation and appearance.
- ArcaneSurfaceCard
- Card with surface effects like blur, frosted glass, or gradients.
- ArcaneSvg
- SVG container wrapper.
- ArcaneSvgCircle
- SVG circle element wrapper.
- ArcaneSvgGroup
- SVG group element wrapper.
- ArcaneSvgLine
- SVG line element wrapper.
- ArcaneSvgPath
- SVG path element wrapper.
- ArcaneSvgPolygon
- SVG polygon element wrapper.
- ArcaneSvgPolyline
- SVG polyline element wrapper.
- ArcaneSvgRect
- SVG rect element wrapper.
- ArcaneSwitcher
- Animated content switcher that transitions between children.
- ArcaneTabBar
- A simple tab bar without content for custom tab handling.
- ArcaneTabBarItem
- A tab bar item.
- ArcaneTabItem
- A tab item for ArcaneTabs.
- ArcaneTable
- Styled table wrapper.
- ArcaneTableBody
- Styled tbody wrapper.
- ArcaneTableCell
- Styled table data cell wrapper.
- ArcaneTableHead
- Styled thead wrapper.
- ArcaneTableHeader
- Styled table header cell wrapper.
- ArcaneTableRow
- Styled table row wrapper.
- ArcaneTabs
- A tab component for switching between views.
- ArcaneTagInput
- Tag/chip input component for adding and removing tags.
- ArcaneTerminal
- A terminal/command line component with copy button overlaid in top-right.
- ArcaneTestimonialCard
- Testimonial/quote card with author attribution and optional rating.
- ArcaneText
- Text component with enum-based styling.
- ArcaneTextArea
- A textarea component.
- ArcaneTextInput
- A styled text input component.
- ArcaneTextSpan
- Text span for use within ArcaneRichText.
- ArcaneThemeProvider
- Provides the current stylesheet and brightness to the component tree.
- ArcaneThumbHashCard
- Card with thumbhash or blurhash placeholder background.
- ArcaneTile
- A list tile component for displaying items in a list.
- ArcaneTimeDialog
- Time picker dialog with hour/minute selection.
- ArcaneTimeline
- Timeline component for displaying chronological events or process steps.
- ArcaneTimelineItem
- Timeline item data.
- ArcaneTimePicker
- A time picker input with dropdown selection.
- ArcaneToast
- Toast notification component with auto-dismiss and global API support.
- ArcaneToggleButton
- A toggle button (on/off state).
- ArcaneToggleButtonGroup
- A toggle button group for switching between options.
- ArcaneToggleGroup
- A toggle group component for selecting one or multiple options.
- ArcaneToggleSwitch
- A toggle switch component.
- ArcaneToolbar
- A toolbar component for a horizontal bar of actions.
- ArcaneTooltip
- Tooltip component that shows on hover.
- ArcaneTooltipCustom
- Tooltip with custom component content.
- ArcaneTracker
- Dense status grid for time-series or health indicators.
- ArcaneTreeView
- Hierarchical tree view component for displaying nested data.
- ArcaneTypography
- Typography design tokens.
- ArcaneUptimeTracker
- Uptime tracker showing percentage bars.
- ArcaneUSAMapPaths
- SVG path data for US states.
- ArcaneVerticalDivider
- A vertical divider component.
-
ArcaneVirtualScroll<
T> - A virtualized scroll list for large datasets.
- ArcaneWaitlistForm
- Waitlist form with optional name collection.
- ArcaneWindow
- Web wrapper for ArcaneApp with optional background styling.
- ArcaneWorldMapPaths
- SVG path data for the world map.
- ArcaneZIndex
- Z-index design tokens.
- Archive
- ArchiveRestore
- ArchiveX
- Armchair
- ArrowBigDown
- ArrowBigDownDash
- ArrowBigLeft
- ArrowBigLeftDash
- ArrowBigRight
- ArrowBigRightDash
- ArrowBigUp
- ArrowBigUpDash
- ArrowDown
- ArrowDown01
- ArrowDown10
- ArrowDownAZ
- ArrowDownFromLine
- ArrowDownLeft
- ArrowDownNarrowWide
- ArrowDownRight
- ArrowDownToDot
- ArrowDownToLine
- ArrowDownUp
- ArrowDownWideNarrow
- ArrowDownZA
- ArrowLeft
- ArrowLeftFromLine
- ArrowLeftRight
- ArrowLeftToLine
- ArrowLinkProps
- Arrow link component properties.
- ArrowRight
- ArrowRightFromLine
- ArrowRightLeft
- ArrowRightToLine
- ArrowsUpFromLine
- ArrowUp
- ArrowUp01
- ArrowUp10
- ArrowUpAZ
- ArrowUpDown
- ArrowUpFromDot
- ArrowUpFromLine
- ArrowUpLeft
- ArrowUpNarrowWide
- ArrowUpRight
- ArrowUpToLine
- ArrowUpWideNarrow
- ArrowUpZA
- article
- The <article> HTML element represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable (e.g., in syndication). Examples include: a forum post, a magazine or newspaper article, or a blog entry, a product card, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.
- aside
- The <aside> HTML element represents a portion of a document whose content is only indirectly related to the document's main content. Asides are frequently presented as sidebars or call-out boxes.
- AspectRatio
-
The
aspect-ratioCSS property allows you to define the desired width-to-height ratio of an element's box. This means that even if the parent container or viewport size changes, the browser will adjust the element's dimensions to maintain the specified width-to-height ratio. - AspectRatioProps
- Aspect ratio container component properties.
- Asterisk
-
AsyncSnapshot<
T> - Immutable representation of the most recent interaction with an asynchronous computation.
- Atom
- AtSign
- AttrCheck
- audio
- The <audio> HTML element is used to embed sound content in documents. It may contain one or more audio sources, represented using the src attribute or the <source> element: the browser will choose the most suitable one. It can also be the destination for streamed media, using a MediaStream.
- AudioLines
- AudioWaveform
- AuthBackLinkProps
- Auth back link component properties.
- AuthBrandingPanel
- Branding panel content for split-screen auth layouts.
- AuthBrandingPanelProps
- Auth branding panel component properties.
- AuthButton
- Styled button for authentication forms with loading state.
- AuthDivider
- Divider with centered text for authentication forms.
- AuthFormCard
- Container card for authentication form content.
- AuthGuard
- Stub route protection for non-web platforms.
- AuthInput
- Styled input field for authentication forms.
- AuthLayoutProps
- Auth layout component properties.
- AuthorCardProps
- Author card component properties.
- AuthSocialRow
- Row of social OAuth provider buttons.
- AuthSplitLayout
- Split-screen layout for authentication pages.
- AuthSplitLayoutProps
- Auth split layout component properties.
- AuthState
- Authentication state container.
- AuthUser
- Represents an authenticated user.
- AvatarProps
- Avatar component properties.
- Award
- Axe
- Axis3d
- b
- The <b> HTML element is used to draw the reader's attention to the element's contents, which are not otherwise granted special importance. This was formerly known as the Boldface element, and most browsers still draw the text in boldface. However, you should not use <b> for styling text; instead, you should use the CSS font-weight property to create boldface text, or the <strong> element to indicate that text is of special importance.
- Baby
- BackgroundImage
-
The
background-imageCSS property sets one or more background images on an element. It accepts images (url()), gradients, and the keywordnone. - BackgroundPosition
-
The
background-positionCSS property sets the initial position for each background image. The position is relative to the box established bybackground-origin. - BackgroundRepeat
-
The
background-repeatCSS property sets how background images are repeated. A background image can be repeated along the horizontal and vertical axes, or not repeated at all. - BackgroundSize
- The background-size CSS property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.
- Backpack
- Badge
- BadgeAlert
- BadgeCent
- BadgeCheck
- BadgeDollarSign
- BadgeEuro
- BadgeIndianRupee
- BadgeInfo
- BadgeJapaneseYen
- BadgeMinus
- BadgePercent
- BadgePlus
- BadgePoundSterling
- BadgePresets
- Common badge style presets
- BadgeProps
- Badge component properties.
- BadgeQuestionMark
- BadgeRussianRuble
- BadgeSwissFranc
- BadgeTurkishLira
- BadgeX
- BaggageClaim
- Balloon
- Ban
- Banana
- Bandage
- Banknote
- BanknoteArrowDown
- BanknoteArrowUp
- BanknoteX
- Barcode
- BarProps
- Bar/app bar component properties.
- Barrel
- Baseline
- Bath
- Battery
- BatteryCharging
- BatteryFull
- BatteryLow
- BatteryMedium
- BatteryPlus
- BatteryWarning
- Beaker
- Bean
- BeanOff
- Bed
- BedDouble
- BedSingle
- Beef
- Beer
- BeerOff
- Bell
- BellDot
- BellElectric
- BellMinus
- BellOff
- BellPlus
- BellRing
- BetweenHorizontalEnd
- BetweenHorizontalStart
- BetweenVerticalEnd
- BetweenVerticalStart
- BicepsFlexed
- Bike
- Binary
- Binoculars
- Biohazard
- Bird
- Birdhouse
- Bitcoin
- Blend
- Blinds
- blockquote
- The <blockquote> HTML element indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation. A URL for the source of the quotation may be given using the cite attribute, while a text representation of the source can be given using the <cite> element.
- Blocks
- Bluetooth
- BluetoothConnected
- BluetoothOff
- BluetoothSearching
- body
- The <body> HTML element represents the content of an HTML document. There can be only one <body> element in a document.
- Bold
- Bolt
- Bomb
- Bone
- Book
- BookA
- BookAlert
- BookAudio
- BookCheck
- BookCopy
- BookDashed
- BookDown
- BookHeadphones
- BookHeart
- BookImage
- BookKey
- BookLock
- Bookmark
- BookmarkCheck
- BookMarked
- BookmarkMinus
- BookmarkPlus
- BookmarkX
- BookMinus
- BookOpen
- BookOpenCheck
- BookOpenText
- BookPlus
- BookSearch
- BookText
- BookType
- BookUp
- BookUp2
- BookUser
- BookX
- BoomBox
- BorderRadius
- Border radius for rounded corners.
- BorderSide
-
Represents one side of a CSS
Border. - Bot
- BotMessageSquare
- BotOff
- BottleWine
- BottomBarProps
- Bottom bar container component properties.
- Bottom navigation bar component properties.
- Bottom navigation item data.
- BowArrow
- Box
- BoxConstraints
- Flutter-like box constraints.
- Boxes
- BoxShadow
- Box shadow for elevation effects.
- br
- The <br> HTML element produces a line break in text (carriage-return). It is useful for writing a poem or an address, where the division of lines is significant.
- Braces
- Brackets
- Brain
- BrainCircuit
- BrainCog
- BreadcrumbItem
- Breadcrumb item in the navigation trail.
- BreadcrumbItemProps
- Breadcrumb item data.
- BreadcrumbsProps
- Breadcrumbs component properties.
- BrickWall
- BrickWallFire
- BrickWallShield
- Briefcase
- BriefcaseBusiness
- BriefcaseConveyorBelt
- BriefcaseMedical
- BringToFront
- Brush
- BrushCleaning
- Bubbles
- Bug
- BugOff
- BugPlay
- BuildableElement
- An Element that has a build method.
- BuildContext
- The BuildContext supplied to a Components build() method.
- Builder
- A stateless utility component whose build method uses its builder callback to create the component's child.
- Building
- Building2
- BuildOwner
- Bus
- BusFront
- The <button> HTML element is an interactive element activated by a user with a mouse, keyboard, finger, voice command, or other assistive technology. Once activated, it then performs a programmable action, such as submitting a form or opening a dialog.
- ButtonGroupProps
- Button group component properties.
- ButtonPanelProps
- Button panel component properties.
- ButtonPresets
- Common button style presets
- ButtonProps
- Button component properties.
- Cable
- CableCar
-
CachingIterable<
E> - A lazy caching version of Iterable.
- Cake
- CakeSlice
- Calculator
- Calendar
- Calendar1
- CalendarArrowDown
- CalendarArrowUp
- CalendarCheck
- CalendarCheck2
- CalendarClock
- CalendarCog
- CalendarDays
- CalendarFold
- CalendarHeart
- CalendarMinus
- CalendarMinus2
- CalendarOff
- CalendarPlus
- CalendarPlus2
- CalendarProps
- Calendar component properties.
- CalendarRange
- Calendars
- CalendarSearch
- CalendarSync
- CalendarX
- CalendarX2
- CalloutProps
- Callout component properties.
- Camera
- CameraOff
- Candy
- CandyCane
- CandyOff
- Cannabis
- CannabisOff
- caption
- The <caption> HTML element specifies the caption (or title) of a table, providing the table an accessible description.
- Captions
- CaptionsOff
- Car
- Caravan
- CardPresets
- Common card/surface style presets
- CardProps
- Card component properties.
- CardSectionProps
- Card section component properties.
- CardSim
- CarFront
- CarpetProps
- Carpet/surface container component properties.
- Carrot
- CarTaxiFront
- CaseLower
- CaseSensitive
- CaseUpper
- CassetteTape
- Cast
- Castle
- Cat
- Cctv
- CctvOff
- CenterBodyProps
- Center body component properties.
- CenterProps
- Center alignment component properties.
- ChangeNotifier
- A class that can be extended or mixed in that provides a change notification API using VoidCallback for notifications.
- ChartArea
- ChartBar
- ChartBarBig
- ChartBarDecreasing
- ChartBarIncreasing
- ChartBarStacked
- ChartCandlestick
- ChartColumn
- ChartColumnBig
- ChartColumnDecreasing
- ChartColumnIncreasing
- ChartColumnStacked
- ChartGantt
- ChartLine
- ChartNetwork
- ChartNoAxesColumn
- ChartNoAxesColumnDecreasing
- ChartNoAxesColumnIncreasing
- ChartNoAxesCombined
- ChartNoAxesGantt
- ChartPie
- ChartScatter
- ChartSpline
-
ChatProvider<
M extends AbstractChatMessage, U extends AbstractChatUser> - Chat provider interface.
- Check
- CheckboxProps
- Checkbox component properties.
- CheckCheck
- CheckItemProps
- Check item component properties.
- CheckLine
- CheckListProps
- Check list component properties.
- ChefHat
- Cherry
- ChessBishop
- ChessKing
- ChessKnight
- ChessPawn
- ChessQueen
- ChessRook
- ChevronDown
- ChevronFirst
- ChevronLast
- ChevronLeft
- ChevronRight
- ChevronsDown
- ChevronsDownUp
- ChevronsLeft
- ChevronsLeftRight
- ChevronsLeftRightEllipsis
- ChevronsRight
- ChevronsRightLeft
- ChevronsUp
- ChevronsUpDown
- ChevronUp
- ChipGroupProps
- Chip group component properties.
- ChipProps
- Chip component properties.
- Church
- Cigarette
- CigaretteOff
- Circle
- circle
- The <circle> SVG element is an SVG basic shape, used to draw circles based on a center point and a radius.
- CircleAlert
- CircleArrowDown
- CircleArrowLeft
- CircleArrowOutDownLeft
- CircleArrowOutDownRight
- CircleArrowOutUpLeft
- CircleArrowOutUpRight
- CircleArrowRight
- CircleArrowUp
- CircleCheck
- CircleCheckBig
- CircleChevronDown
- CircleChevronLeft
- CircleChevronRight
- CircleChevronUp
- CircleDashed
- CircleDivide
- CircleDollarSign
- CircleDot
- CircleDotDashed
- CircleEllipsis
- CircleEqual
- CircleFadingArrowUp
- CircleFadingPlus
- CircleGauge
- CircleMinus
- CircleOff
- CircleParking
- CircleParkingOff
- CirclePause
- CirclePercent
- CirclePile
- CirclePlay
- CirclePlus
- CirclePoundSterling
- CirclePower
- CircleQuestionMark
- CircleSlash
- CircleSlash2
- CircleSmall
- CircleStar
- CircleStop
- CircleUser
- CircleUserRound
- CircleX
- CircuitBoard
- CircularProgressProps
- Circular progress component properties.
- Citrus
- Clapperboard
- ClientAnnotation
- Use with client to annotate a client component.
- Clipboard
- ClipboardCheck
- ClipboardClock
- ClipboardCopy
- ClipboardList
- ClipboardMinus
- ClipboardPaste
- ClipboardPen
- ClipboardPenLine
- ClipboardPlus
- ClipboardType
- ClipboardX
- Clock
- Clock1
- Clock10
- Clock11
- Clock12
- Clock2
- Clock3
- Clock4
- Clock5
- Clock6
- Clock7
- Clock8
- Clock9
- ClockAlert
- ClockArrowDown
- ClockArrowUp
- ClockCheck
- ClockFading
- ClockPlus
- ClosedCaption
- Cloud
- CloudAlert
- CloudBackup
- CloudCheck
- CloudCog
- CloudDownload
- CloudDrizzle
- CloudFog
- CloudHail
- CloudLightning
- CloudMoon
- CloudMoonRain
- CloudOff
- CloudRain
- CloudRainWind
- CloudSnow
- CloudSun
- CloudSunRain
- CloudSync
- CloudUpload
- Cloudy
- Clover
- Club
- Code
- code
- The <code> HTML element displays its contents styled in a fashion intended to indicate that the text is a short fragment of computer code. By default, the content text is displayed using the user agent's default monospace font.
- CodePreviewProps
- Code preview component properties.
- CodeSnippetProps
- Code snippet component properties.
- CodeWindowProps
- Code window component properties.
- CodeXml
- CodexStylesheet
- Codex stylesheet - Gamer-inspired theme with neon glows.
- Coffee
- Cog
- Coins
- col
- The <col> HTML element defines one or more columns in a column group represented by its parent <colgroup> element. The <col> element is only valid as a child of a <colgroup> element that has no span attribute defined.
- colgroup
- The <colgroup> HTML element defines a group of columns within a table.
- Color
- ARGB color representation with CSS output.
- ColorInputProps
- Color input component properties.
- Colors
- Common color constants.
- ColumnProps
- Column layout component properties.
- Columns2
- Columns3
- Columns3Cog
- Columns4
- Combine
-
ComboboxOption<
T> - A combobox option.
- Command
- CommandGroup
- A group of related commands.
- CommandGroupProps
- Command group data.
- CommandItem
- A single command item.
- CommandItemProps
- Command item data.
- CommandProps
- Command palette component properties.
- Compass
- Component
- Describes the configuration for an Element.
- Component_
- ComponentRenderers
- Interface that all stylesheets must implement.
- Computer
- ConciergeBell
- Cone
- ConfirmDialogProps
- Confirm dialog component properties.
- Construction
- Contact
- ContactRound
- Container
- ContextMenuProps
- Context menu component properties.
- Cookie
- CookingPot
- Copy
- CopyCheck
- Copyleft
- CopyMinus
- CopyPlus
- Copyright
- CopySlash
- CopyX
- CornerDownLeft
- CornerDownRight
- CornerLeftDown
- CornerLeftUp
- CornerRightDown
- CornerRightUp
- CornerUpLeft
- CornerUpRight
- CounterRowProps
- Counter row component properties.
- Cpu
- CreativeCommons
- CreditCard
- Croissant
- Crop
- Cross
- Crosshair
- Crown
- CssGenerator
- Generates CSS variable blocks from ThemePalette.
- CtaBannerProps
- CTA banner component properties.
- CtaGroupProps
- CTA group component properties.
- Cuboid
- CupSoda
- Currency
- Curve
- Describes the timing function of a transition.
-
CycleButtonProps<
T> - Cycle button component properties.
-
CycleOption<
T> - Cycle option data.
- Cylinder
- Dam
- DashboardLayoutProps
- Dashboard layout component properties.
- Dashboard navigation group data.
- Dashboard navigation item data.
- DashboardTopBarProps
- Dashboard top bar component properties.
- Database
- DatabaseBackup
- DatabaseSearch
- DatabaseZap
-
DataColumnProps<
T> - Data column definition.
- datalist
- The <datalist> HTML element contains a set of <option> elements that represent the permissible or recommended options available to choose from within other controls.
-
DataTableProps<
T> - Data table component properties.
- DatePickerProps
- Date picker component properties.
- DateRange
- A date range.
- DateRangeValue
- Date range value.
- dd
- The <dd> HTML element provides the description, definition, or value for the preceding term (<dt>) in a description list (<dl>).
- DecimalsArrowLeft
- DecimalsArrowRight
- DecoderAnnotation
- Use with decoder to annotate an decoder function for a custom model.
- Delete
- Dessert
- details
- The <details> HTML element creates a disclosure widget in which information is visible only when the widget is toggled into an "open" state. A summary or label must be provided using the <summary> element.
- dialog
- The <dialog> HTML element represents a dialog box or other interactive component, such as a dismissible alert, inspector, or subwindow.
- DialogBarProps
- Dialog bar component properties.
- DialogProps
- Dialog component properties.
- Diameter
- Diamond
- DiamondMinus
- DiamondPercent
- DiamondPlus
- Dice1
- Dice2
- Dice3
- Dice4
- Dice5
- Dice6
- Dices
- Diff
- Disc
- Disc2
- Disc3
- DiscAlbum
- DisclosureGroupProps
- Disclosure group component properties.
- DisclosureItemProps
- Disclosure item data.
- DisclosureProps
- Disclosure component properties.
- div
- The <div> HTML element is the generic container for flow content. It has no effect on the content or layout until styled in some way using CSS (e.g. styling is directly applied to it, or some kind of layout model like Flexbox is applied to its parent element).
- Divide
- DividerProps
- Divider component properties.
- dl
- The <dl> HTML element represents a description list. The element encloses a list of groups of terms (specified using the <dt> element) and descriptions (provided by <dd> elements). Common uses for this element are to implement a glossary or to display metadata (a list of key-value pairs).
- Dna
- DnaOff
- Dock
- Document
- Dog
- DollarSign
- DomComponent
- Represents a html element in the DOM
- DomElement
- Donut
- DoorClosed
- DoorClosedLocked
- DoorOpen
- Dot
- DotIndicatorProps
- Dot indicator component properties.
- Download
- DraftingCompass
- Drama
- DrawerProps
- Drawer component properties.
- Drill
- Drone
- DropdownMenuProps
- Dropdown menu component properties.
- Droplet
- DropletOff
- Droplets
- Drum
- Drumstick
- dt
- The <dt> HTML element specifies a term in a description or definition list, and as such must be used inside a <dl> element. It is usually followed by a <dd> element; however, multiple <dt> elements in a row indicate several terms that are all defined by the immediate next <dd> element.
- Dumbbell
- Ear
- EarOff
- Earth
- EarthLock
- Eclipse
- EdgeInsets
- Flutter-like edge insets for padding and margin.
- Egg
- EggFried
- EggOff
- Element
- An instantiation of a Component at a particular location in the tree.
- ElementSlot
- Ellipse
- ellipse
- The <ellipse> element is an SVG basic shape, used to create ellipses based on a center coordinate, and both their x and y radius.
- Ellipsis
- EllipsisVertical
- em
- The <em> HTML element marks text that has stress emphasis. The <em> element can be nested, with each level of nesting indicating a greater degree of emphasis.
- embed
- The <embed> HTML element embeds external content at the specified point in the document. This content is provided by an external application or other source of interactive content such as a browser plug-in.
- EmptyStateProps
- Empty state component properties.
- EncoderAnnotation
- Use with encoder to annotate an encoder function for a custom model.
- Equal
- EqualApproximately
- EqualNot
- Eraser
- ErrorStateProps
- Error state component properties.
- EthernetPort
- Euro
- EvCharger
- Expand
- ExpandedProps
- Expanded component properties.
- ExpanderProps
- Expander component properties.
- ExternalLink
- Eye
- EyeClosed
- EyeOff
- FABProps
- FAB (Floating Action Button) component properties.
-
Factory<
T> - A factory interface that also reports the type of the created objects.
- FadeEdgeProps
- Fade edge component properties.
- Fan
- FastForward
- Feather
- FeatureCardProps
- Feature card component properties.
- FeatureRowProps
- Feature row component properties.
- FeatureShowcaseItem
- Feature showcase item data.
- FeatureShowcaseProps
- Feature showcase component properties.
- Fence
- FerrisWheel
- fieldset
- The <fieldset> HTML element is used to group several controls as well as labels (<label>) within a web form.
- FieldWrapperProps
- Field wrapper component properties.
- figcaption
- The <figcaption> HTML element represents a caption or legend describing the rest of the contents of its parent <figure> element, providing the <figure>> an accessible description.
- figure
- The <figure> HTML element represents self-contained content, potentially with an optional caption, which is specified using the <figcaption> element. The figure, its caption, and its contents are referenced as a single unit.
- File
- FileArchive
- FileAxis3d
- FileBadge
- FileBox
- FileBraces
- FileBracesCorner
- FileChartColumn
- FileChartColumnIncreasing
- FileChartLine
- FileChartPie
- FileCheck
- FileCheckCorner
- FileClock
- FileCode
- FileCodeCorner
- FileCog
- FileDiff
- FileDigit
- FileDown
- FileExclamationPoint
- FileHeadphone
- FileHeart
- FileImage
- FileInput
- FileKey
- FileLock
- FileMinus
- FileMinusCorner
- FileMusic
- FileOutput
- FilePen
- FilePenLine
- FilePlay
- FilePlus
- FilePlusCorner
- FileQuestionMark
- Files
- FileScan
- FileSearch
- FileSearchCorner
- FileSignal
- FileSliders
- FileSpreadsheet
- FileStack
- FileSymlink
- FileTerminal
- FileText
- FileType
- FileTypeCorner
- FileUp
- FileUploadProps
- File upload component properties.
- FileUser
- FileVideoCamera
- FileVolume
- FileX
- FileXCorner
- Film
- Filter
- CSS filter effects let you define a way of processing an element's rendering before the element is displayed in the document. Examples of such effects include blurring and changing the intensity of the color of an element.
- FingerprintPattern
- FireExtinguisher
- Fish
- FishingHook
- FishingRod
- FishOff
- FishSymbol
- Flag
- FlagOff
- FlagTriangleLeft
- FlagTriangleRight
- Flame
- FlameKindling
- Flashlight
- FlashlightOff
- FlaskConical
- FlaskConicalOff
- FlaskRound
- Flex
- Controls how a flex item consumes available space inside a flex container.
- FlexiCardItem
- Flexi card item data.
- FlexiCardsProps
- FlexiCards component properties.
- FlexiCardsSimpleProps
- FlexiCards simple component properties.
- FlipHorizontal2
- FlipVertical2
- Flower
- Flower2
- FlowProps
- Flow layout component properties.
- Focus
- Folder
- FolderArchive
- FolderCheck
- FolderClock
- FolderClosed
- FolderCode
- FolderCog
- FolderDot
- FolderDown
- FolderGit
- FolderGit2
- FolderHeart
- FolderInput
- FolderKanban
- FolderKey
- FolderLock
- FolderMinus
- FolderOpen
- FolderOpenDot
- FolderOutput
- FolderPen
- FolderPlus
- FolderRoot
- Folders
- FolderSearch
- FolderSearch2
- FolderSymlink
- FolderSync
- FolderTree
- FolderUp
- FolderX
- FoldHorizontal
- FoldVertical
- FontConfig
- Font family configuration for a theme.
- FontFamilies
- A collection of generic and common font families.
- The <footer> HTML element represents a footer for its nearest ancestor sectioning content or sectioning root element. A <footer> typically contains information about the author of the section, copyright data or links to related documents.
- Footer brand column component properties.
- Footer column component properties.
- Footer link data.
- Footer link group data.
- Footer component properties.
- Footer social icon component properties.
- Footprints
- Forklift
- Form
- form
- The <form> HTML element represents a document section containing interactive controls for submitting information.
- FormattedValue
- Value container for formatted input.
- FormProps
- Form component properties.
- FormSectionProps
- Form section component properties.
- Forward
- Fragment
- A utility component that renders its children without any wrapper element.
- Frame
- Frown
- Fuel
- Fullscreen
- Funnel
- FunnelPlus
- FunnelX
-
FutureBuilder<
T> - Component that builds itself based on the latest snapshot of interaction with a Future.
- GalleryHorizontal
- GalleryHorizontalEnd
- GalleryThumbnails
- GalleryVertical
- GalleryVerticalEnd
- GameCardProps
- Game card component properties.
- Gamepad
- Gamepad2
- GamepadDirectional
- GameSelectorProps
- Game selector component properties.
- GameTileProps
- Game tile component properties.
- GapProps
- Gap component properties.
- Gauge
- Gavel
- Gem
- GeorgianLari
- Ghost
- Gift
- GitBranch
- GitBranchMinus
- GitBranchPlus
- GitCommitHorizontal
- GitCommitVertical
- GitCompare
- GitCompareArrows
- GitFork
- GitGraph
- GitMerge
- GitMergeConflict
- GitPullRequest
- GitPullRequestArrow
- GitPullRequestClosed
- GitPullRequestCreate
- GitPullRequestCreateArrow
- GitPullRequestDraft
- GlassCardProps
- Glass card component properties.
- Glasses
- GlassProps
- Glass container component properties.
- GlassWater
- GlobalKey
- A key that is unique across the entire app.
-
GlobalNodeKey<
T extends Node> -
A global key that provides access to the dom
web.Nodethat is associated with its element. - GlobalObjectKey
- A global key that takes its identity from the object used as its value.
-
GlobalObjectNodeKey<
T extends Node> - A global node key that takes its identity from the object used as its value.
-
GlobalObjectStateKey<
T extends State< StatefulComponent> > - A global state key that takes its identity from the object used as its value.
-
GlobalStateKey<
T extends State< StatefulComponent> > - A global key that provides access to the State that is associated with its element.
- Globe
- GlobeLock
- GlobeOff
- GlobeX
- GlowTextProps
- Glow text component properties.
- Goal
- Gpu
- GradientBuilder
- Builds a CSS linear-gradient from a list of colors.
- GradientGlassProps
- Gradient glass component properties.
- GradientStop
- A color stop in a gradient, supporting both ArcaneColor and raw CSS values.
- GradientTextProps
- Gradient text component properties.
- GraduationCap
- Grape
- Grid2x2
- Grid2x2Check
- Grid2x2Plus
- Grid2x2X
- Grid3x2
- Grid3x3
- GridAreas
- Represents the grid areas defined in a grid layout.
- GridPlacement
- Describes where a grid item should be placed within a grid. It can place an item by naming a grid area, or by describing start/end lines for the item's row and column tracks. Use this to control the item's location and span inside its grid.
- GridTemplate
-
The
grid-templateCSS property defines grid columns, grid rows, and grid areas. - GridTrack
- Represents a single track in a grid layout, which can be a line, a size, or a repeated set of tracks.
- GridTracks
- Represents a list of grid tracks for rows or columns.
- Grip
- GripHorizontal
- GripVertical
- Group
- GuestGuard
- Stub guest route protection for non-web platforms.
- Guitar
- GutterProps
- Gutter/spacing component properties.
- h1
- The <h1> to <h6> HTML elements represent six levels of section headings. <h1> is the highest section level and <h6> is the lowest.
- h2
- The <h1> to <h6> HTML elements represent six levels of section headings. <h1> is the highest section level and <h6> is the lowest.
- h3
- The <h1> to <h6> HTML elements represent six levels of section headings. <h1> is the highest section level and <h6> is the lowest.
- h4
- The <h1> to <h6> HTML elements represent six levels of section headings. <h1> is the highest section level and <h6> is the lowest.
- h5
- The <h1> to <h6> HTML elements represent six levels of section headings. <h1> is the highest section level and <h6> is the lowest.
- h6
- The <h1> to <h6> HTML elements represent six levels of section headings. <h1> is the highest section level and <h6> is the lowest.
- Ham
- Hamburger
- HamburgerButtonProps
- Hamburger button component properties.
- Hammer
- Hand
- Handbag
- HandCoins
- HandFist
- HandGrab
- HandHeart
- HandHelping
- HandMetal
- HandPlatter
- Handshake
- HardDrive
- HardDriveDownload
- HardDriveUpload
- HardHat
- Hash
- HatGlasses
- Haze
- Hd
- HdmiPort
- head
- The <head> HTML element contains machine-readable information (metadata) about the document, like its title, scripts, and style sheets.
- header
- The <header> HTML element represents introductory content, typically a group of introductory or navigational aids. It may contain some heading elements but also a logo, a search form, an author name, and other elements.
- HeaderProps
- Header/navbar component properties.
- Heading
- Heading1
- Heading2
- Heading3
- Heading4
- Heading5
- Heading6
- HeadphoneOff
- Headphones
- Headset
- Heart
- HeartCrack
- HeartHandshake
- HeartMinus
- HeartOff
- HeartPlus
- HeartPulse
- Heater
- Helicopter
- HeroSectionProps
- Hero section component properties.
- Hexagon
- Highlighter
- History
- Hop
- HopOff
- Hospital
- Hotel
- Hourglass
- House
- HouseHeart
- HousePlug
- HousePlus
- HouseWifi
- HovercardProps
- Hovercard component properties.
- hr
- The <hr> HTML element represents a thematic break between paragraph-level elements: for example, a change of scene in a story, or a shift of topic within a section.
- html
- The <html> HTML element represents the root (top-level element) of an HTML document, so it is also referred to as the root element. All other elements must be descendants of this element.
- i
- The <i> HTML element represents a range of text that is set off from the normal text for some reason, such as idiomatic text, technical terms, taxonomical designations, among others. Historically, these have been presented using italicized type, which is the original source of the <i> naming of this element.
- IceCreamBowl
- IceCreamCone
- IconButtonProps
- Icon button component properties.
- IconCardProps
- Icon card component properties.
- IdCard
- IdCardLanyard
- iframe
- The <iframe> HTML element represents a nested browsing context, embedding another HTML page into the current one.
- Image
- ImageDown
- ImageMinus
- ImageOff
- ImagePlay
- ImagePlus
- Images
- ImageStyle
-
Helper representing an image style value such as
url(...)or gradients. - ImageUp
- ImageUpscale
- img
- The <img> HTML element embeds an image into the document.
- Import
- Define a platform specific import with auto-generated stubbing.
- Inbox
- IndexedStackProps
- Indexed stack component properties.
- IndianRupee
- Infinity
- Info
- InheritedComponent
- Base class for components that efficiently propagate information down the tree.
- InheritedElement
- An Element that uses an InheritedComponent as its configuration.
-
InheritedModel<
T> -
InheritedModelElement<
T> - InlineCodeProps
- Inline code component properties.
-
input<
T> - The <input> HTML element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of types of input data and control widgets are available, depending on the device and user agent. The <input> element is one of the most powerful and complex in all of HTML due to the sheer number of combinations of input types and attributes.
- InputDialogProps
- Input dialog component properties.
- InputGroupProps
- Input group component properties.
- InputPart
- A part of a formatted input (editable segment or static text).
- InputPresets
- Common input style presets
- InspectionPanel
- IntegrationCardProps
- Integration card component properties.
- IntegrationGridProps
- Integration grid component properties.
- Italic
-
ItemPickerOption<
T> - Item option with optional subtitle and leading widget for the picker.
-
ItemPickerProps<
T> - Item picker dialog component properties.
- IterationCcw
- IterationCw
- JapaneseYen
- JasprAuthService
- Stub implementation of JasprAuthService for non-web platforms.
- JasprBadge
- A "Built with Jaspr" badge component.
- Joystick
- Kanban
- Kayak
- KbdProps
- Keyboard shortcut display component properties.
- Key
- A Key is an identifier for Components and Elements.
- Keyboard
- KeyboardMusic
- KeyboardOff
- KeyRound
- KeySquare
- KeyValueRowData
- Key-value row data.
- KeyValueTableProps
- Key-value table component properties.
- label
- The <label> HTML element represents a caption for an item in a user interface.
- LabeledGlobalKey
- A global key with a debugging label.
-
LabeledGlobalNodeKey<
T extends Node> - A global node key with a debugging label.
-
LabeledGlobalStateKey<
T extends State< StatefulComponent> > - A global state key with a debugging label.
- Lamp
- LampCeiling
- LampDesk
- LampFloor
- LampWallDown
- LampWallUp
- Landmark
- LandPlot
- Languages
- Laptop
- LaptopMinimal
- LaptopMinimalCheck
- Lasso
- LassoSelect
- Laugh
- Layers
- Layers2
- LayersPlus
- LayoutDashboard
- LayoutGrid
- LayoutList
- LayoutPanelLeft
- LayoutPanelTop
- LayoutPresets
- Common layout style presets
- LayoutTemplate
- Leaf
- LeafElement
- LeafRenderObjectElement
- LeafyGreen
- Lectern
- legend
- The <legend> HTML element represents a caption for the content of its parent <fieldset>.
- LensConcave
- LensConvex
- li
- The <li> HTML element is used to represent an item in a list. It must be contained in a parent element: an ordered list (<ol>), an unordered list (<ul>), or a menu (<menu>). In menus and unordered lists, list items are usually displayed using bullet points. In ordered lists, they are usually displayed with an ascending counter on the left, such as a number or letter.
- Library
- LibraryBig
- LifeBuoy
- Ligature
- Lightbulb
- LightbulbOff
- line
- The <line> element is an SVG basic shape used to create a line connecting two points.
- Linear
- Tuple used with Curve.linear. The optional arguments are percentages between 0-100.
- LineDotRightHorizontal
- LinePlacement
- Places an item by specifying grid lines or spans.
- LineSquiggle
- Link
- link
- The <link> HTML element specifies relationships between the current document and an external resource. This element is most commonly used to link to stylesheets, but is also used to establish site icons (both "favicon" style icons and icons for the home screen and apps on mobile devices) among other things.
- Link2
- Link2Off
- ListCardProps
- List card component properties.
- ListCheck
- ListChecks
- ListChevronsDownUp
- ListChevronsUpDown
- ListCollapse
- Listenable
- An object that maintains a list of listeners.
- ListenableBuilder
- ListEnd
- ListFilter
- ListFilterPlus
- ListIndentDecrease
- ListIndentIncrease
- ListMinus
- ListMusic
- ListOrdered
- ListPlus
- ListRestart
- ListStart
- ListTodo
- ListTree
- ListVideo
- ListX
- Loader
- LoaderCircle
- LoaderPinwheel
- LoaderProps
- Loader component properties.
- LoadingOverlayProps
- Loading overlay component properties.
- LoadingSpinnerProps
- Loading spinner component properties.
- LoadingStateProps
- Loading state component properties.
- LocalKey
- A key that is not a GlobalKey.
- Locate
- LocateFixed
- LocateOff
- Lock
- LockKeyhole
- LockKeyholeOpen
- LockOpen
- LogIn
- LogoCarouselProps
- Logo carousel component properties.
- LogoGridProps
- Logo grid component properties.
- LogoItem
- Logo item data.
- LogOut
- Logs
- Lollipop
- Luggage
- Magnet
- Mailbox
- MailCheck
- MailMinus
- MailOpen
- MailPlus
- MailQuestionMark
- Mails
- MailSearch
- MailWarning
- MailX
- main_
- The <main> HTML element represents the primary content of a document, distinct from content that is repeated across multiple pages such as site headers, footers, and navigation bars.
- MapLocation
- A location pin on the map.
- MapMinus
- MapPin
- MapPinCheck
- MapPinCheckInside
- MapPinHouse
- MapPinMinus
- MapPinMinusInside
- MapPinned
- MapPinOff
- MapPinPen
- MapPinPlus
- MapPinPlusInside
- MapPinX
- MapPinXInside
- MapPlus
- MapProjection
- Coordinate projection utilities for maps.
- MapRegion
- A region on the map (state or country).
- MapStyle
- Style configuration for ArcaneMap.
- MarqueeProps
- Marquee component properties.
- Mars
- MarsStroke
- Martini
- Maximize
- Maximize2
- Medal
- MediaQuery
-
Media queries allow you to apply CSS styles depending on a device's media type (such as
printvs.screen) or other features or characteristics such as screen resolution or orientation, aspect ratio, browser viewport width or height, user preferences such as preferring reduced motion, data usage, or transparency. - Megaphone
- MegaphoneOff
- Meh
- MemoryStick
- Menu
- MenubarMenuProps
- Menubar menu data.
- MenubarProps
- Menubar component properties.
- Merge
- MessageCircle
- MessageCircleCheck
- MessageCircleCode
- MessageCircleDashed
- MessageCircleHeart
- MessageCircleMore
- MessageCircleOff
- MessageCirclePlus
- MessageCircleQuestionMark
- MessageCircleReply
- MessageCircleWarning
- MessageCircleX
- MessageSquare
- MessageSquareCheck
- MessageSquareCode
- MessageSquareDashed
- MessageSquareDiff
- MessageSquareDot
- MessageSquareHeart
- MessageSquareLock
- MessageSquareMore
- MessageSquareOff
- MessageSquarePlus
- MessageSquareQuote
- MessageSquareReply
- MessageSquareText
- MessageSquareWarning
- MessageSquareX
- MessagesSquare
- meta
- The <meta> HTML element represents metadata that cannot be represented by other HTML meta-related elements, like <base >, <link >, <script >, <style > or <title >.
- meter
- The <meter> HTML element represents either a scalar value within a known range or a fractional value.
- MeterProps
- Meter/gauge component properties.
- MetricDisplayProps
- Metric display component properties.
- Metronome
- Mic
- MicOff
- Microchip
- Microscope
- Microwave
- MicVocal
- Milestone
- Milk
- MilkOff
- Minimize
- Minimize2
- Minus
- MirrorRectangular
- MirrorRound
- MobileMenuProps
- Mobile menu component properties.
- Mobile navigation item data.
- Monitor
- MonitorCheck
- MonitorCloud
- MonitorCog
- MonitorDot
- MonitorDown
- MonitorOff
- MonitorPause
- MonitorPlay
- MonitorSmartphone
- MonitorSpeaker
- MonitorStop
- MonitorUp
- MonitorX
- Moon
- MoonStar
- Motorbike
- Mountain
- MountainSnow
- Mouse
- MouseLeft
- MouseOff
- MousePointer
- MousePointer2
- MousePointer2Off
- MousePointerBan
- MousePointerClick
- MouseRight
- Move
- Move3d
- MoveDiagonal
- MoveDiagonal2
- MoveDown
- MoveDownLeft
- MoveDownRight
- MoveHorizontal
- MoveLeft
- MoveRight
- MoveUp
- MoveUpLeft
- MoveUpRight
- MoveVertical
- MultiChildElement
- An Element that has multiple children based on a proxy list.
- MultiChildRenderObjectElement
- Music
- Music2
- Music3
- Music4
- The <nav> HTML element represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents. Common examples of navigation sections are menus, tables of contents, and indexes.
- Navigation item data.
- Navigation link component properties.
- Navigation tile component properties.
- Network
- NewsletterFormProps
- Newsletter form component properties.
- Newspaper
- Nfc
- NonBinary
- Notebook
- NotebookPen
- NotebookTabs
- NotebookText
- NotepadText
- NotepadTextDashed
- Notification
- A notification that can bubble up the component tree.
- NumberInputProps
- Number input component properties.
- Nut
- NutOff
- object
- The <object> HTML element represents an external resource, which can be treated as an image, a nested browsing context, or a resource to be handled by a plugin.
- ObserverComponent
- Base class for components that observes the build execution of it's descendants in the Component tree.
- ObserverElement
- An Element that uses an ObserverComponent as its configuration. You can override willRebuildElement, didRebuildElement and didUnmountElement to execute the required logic.
- Octagon
- OctagonAlert
- OctagonMinus
- OctagonPause
- OctagonX
- ol
- The <ol> HTML element represents an ordered list of items — typically rendered as a numbered list.
- Omega
- optgroup
- The <optgroup> HTML element creates a grouping of options within a <select> element.
- Option
- option
- The <option> HTML element is used to define an item contained in a <select>, an <optgroup>, or a <datalist> element. As such, <option> can represent menu items in popups and other lists of items in an HTML document.
- Orbit
- Origami
- OtpInputProps
- OTP input component properties.
- Outline
-
Represents the CSS
outlineproperty. - OutlineTextProps
- Outline text component properties.
- OutlineWidth
-
The CSS
outline-widthproperty sets the thickness of an element's outline. An outline is a line that is drawn around an element, outside the border. - OverflowValue
-
The
overflowCSS property sets the desired behavior when content does not fit in the element's padding box (overflows) in the horizontal and/or vertical direction. - OverlayPresets
- Overlay/modal presets
- p
- The <p> HTML element represents a paragraph. Paragraphs are usually represented in visual media as blocks of text separated from adjacent blocks by blank lines and/or first-line indentation, but HTML paragraphs can be any structural grouping of related content, such as images or form fields.
- Package
- Package2
- PackageCheck
- PackageMinus
- PackageOpen
- PackagePlus
- PackageSearch
- PackageX
- PaddingWrapperProps
- Padding wrapper component properties.
- PageBodyProps
- Page body component properties.
- PaginationProps
- Pagination component properties.
- Paintbrush
- PaintbrushVertical
- PaintBucket
- PaintRoller
- Palette
- PaletteGenerator
- Generates a complete ThemePalette from a ThemeSeed.
- Panda
- PanelBottom
- PanelBottomClose
- PanelBottomDashed
- PanelBottomOpen
- PanelLeft
- PanelLeftClose
- PanelLeftDashed
- PanelLeftOpen
- PanelLeftRightDashed
- PanelRight
- PanelRightClose
- PanelRightDashed
- PanelRightOpen
- PanelsLeftBottom
- PanelsRightBottom
- PanelsTopLeft
- PanelTop
- PanelTopBottomDashed
- PanelTopClose
- PanelTopDashed
- PanelTopOpen
- Paperclip
- Parentheses
- ParkingMeter
- PartyPopper
- PasswordPolicy
- Password validation policy with configurable requirements.
- path
- The <path> SVG element is the generic element to define a shape. All the basic shapes can be created with a path element.
- Pause
- PawPrint
- PcCase
- Pen
- Pencil
- PencilLine
- PencilOff
- PencilRuler
- PenLine
- PenOff
- Pentagon
- PenTool
- Percent
- PersonStanding
- PhilippinePeso
- Phone
- PhoneCall
- PhoneForwarded
- PhoneIncoming
- PhoneMissed
- PhoneOff
- PhoneOutgoing
- Pi
- Piano
- Pickaxe
- PictureInPicture
- PictureInPicture2
- PiggyBank
- Pilcrow
- PilcrowLeft
- PilcrowRight
- Pill
- PillBottle
- Pin
- PinOff
- Pipette
- Pizza
- Plane
- PlaneLanding
- PlaneTakeoff
- Play
- Plug
- Plug2
- PlugZap
- Plus
- PocketKnife
- Podcast
- Pointer
- PointerOff
- polygon
- The <polygon> element defines a closed shape consisting of a set of connected straight line segments. The last point is connected to the first point.
- polyline
- The <polyline> SVG element is an SVG basic shape that creates straight lines connecting several points. Typically a polyline is used to create open shapes as the last point doesn't have to be connected to the first point.
- Popcorn
- PopoverProps
- Popover component properties.
- Popsicle
- PoundSterling
- Power
- PowerOff
- pre
- The <pre> HTML element represents preformatted text which is to be presented exactly as written in the HTML file. The text is typically rendered using a non-proportional, or monospaced, font. Whitespace inside this element is displayed as written.
- Presentation
- PricingCardProps
- Pricing card component properties.
- PricingGridProps
- Pricing grid component properties.
- PricingTier
- Pricing tier data.
- Printer
- PrinterCheck
- PrinterX
- progress
- The <progress> HTML element displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
- ProgressProps
- Progress bar component properties.
- Projector
- Proportions
- Puzzle
- Pyramid
- QrCode
- Quote
- Quotes
-
The CSS
quotesproperty sets how the browser should render quotation marks that are automatically added to the HTML<q>element or added using the open-quotes or close-quotes (or omitted using the no-open-quote and no-close-quote) values of the of the CSS content property. - Rabbit
- Radar
- Radiation
- Radical
- Radio
-
RadioCardItemData<
T> - Radio card item data.
-
RadioCardsProps<
T> - Radio cards component properties.
-
RadioGroupProps<
T> - Radio group component properties.
-
RadioOption<
T> - Radio button option model.
-
RadioOptionProps<
T> - Radio option data.
- RadioReceiver
- RadioTower
- RadiusConfig
- Border radius configuration for a theme.
- Rainbow
- Rat
- RatingStarsProps
- Rating stars component properties.
- RatingStarsSimpleProps
- Simple rating stars component properties.
- Ratio
- RawableRenderObject
- RawableRenderText
- RawText
- Renders its text input as raw HTML.
- Receipt
- ReceiptCent
- ReceiptEuro
- ReceiptIndianRupee
- ReceiptJapaneseYen
- ReceiptPoundSterling
- ReceiptRussianRuble
- ReceiptSwissFranc
- ReceiptText
- ReceiptTurkishLira
- rect
- The <rect> element is a basic SVG shape that draws rectangles, defined by their position, width, and height. The rectangles may have their corners rounded.
- RectangleCircle
- RectangleEllipsis
- RectangleGoggles
- RectangleHorizontal
- RectangleVertical
- Recycle
- Redo
- Redo2
- RedoDot
- RefreshCcw
- RefreshCcwDot
- RefreshCw
- RefreshCwOff
- Refrigerator
- Regex
- RemoveFormatting
- RenderElement
- RenderFragment
- RenderObject
- RenderText
- Repeat
- Repeat1
- Repeat2
- Replace
- ReplaceAll
- Reply
- ReplyAll
- ResizablePanelData
- Resizable panel data.
- ResizableProps
- Resizable panel group component properties.
- Rewind
- Ribbon
- Rocket
- RockingChair
- RollerCoaster
- Rose
- Rotate3d
- RotateCcw
- RotateCcwKey
- RotateCcwSquare
- RotateCw
- RotateCwSquare
- Route
- RouteOff
- Router
- RowProps
- Row layout component properties.
- Rows2
- Rows3
- Rows4
- Rss
- Ruler
- RulerDimensionLine
- RussianRuble
- s
- The <s> HTML element renders text with a strikethrough, or a line through it. Use the <s> element to represent things that are no longer relevant or no longer accurate. However, <s> is not appropriate when indicating document edits; for that, use the <del> and <ins> elements, as appropriate.
- Sailboat
- Salad
- Sandwich
- Satellite
- SatelliteDish
- SaudiRiyal
- Save
- SaveAll
- SaveOff
- Scale
- Scale3d
- Scaling
- Scan
- ScanBarcode
- ScanEye
- ScanFace
- ScanHeart
- ScanLine
- ScanQrCode
- ScanSearch
- ScanText
- School
- Scissors
- ScissorsLineDashed
- Scooter
- script
- The <script> HTML element is used to embed executable code or data; this is typically used to embed or refer to JavaScript code. The <script> element can also be used with other languages, such as WebGL's GLSL shader programming language and JSON.
- Scroll
- ScrollAreaProps
- Scroll area component properties.
- ScrollRailLayoutProps
- Scroll rail layout component properties.
- ScrollRailProps
- Scroll rail component properties.
- ScrollText
- Search
- SearchAlert
- SearchCheck
- SearchCode
- SearchProps
- Search input component properties.
- SearchResult
- Search result item data.
- SearchSlash
- SearchX
- Section
- section
- The <section> HTML element represents a generic standalone section of a document, which doesn't have a more specific semantic element to represent it. Sections should always have a heading, with very few exceptions.
- SectionHeaderProps
- Section header component properties.
- SectionPresets
- Common section/page style presets
- SectionProps
- Section component properties.
- select
- The <select> HTML element represents a control that provides a menu of options.
- SelectableChipGroupProps
- Selectable chip group component properties.
-
SelectOptionProps<
T> - Select option data.
-
SelectProps<
T> - Select component properties.
- Send
- SendHorizontal
- SendToBack
- SeparatorHorizontal
- SeparatorProps
- Separator component properties.
- SeparatorVertical
- Server
- ServerCog
- ServerCrash
- ServerOff
- Settings
- Settings2
- SettingsInfoRowProps
- Settings info row component properties.
- SettingsNoteProps
- Settings note component properties.
- SettingsSectionProps
- Settings section component properties.
- SettingsSubheaderProps
- Settings subheader component properties.
- SettingsToggleRowProps
- Settings toggle row component properties.
- ShadcnStylesheet
- ShadCN UI stylesheet.
- Shapes
- Sheet
- SheetProps
- Sheet/drawer component properties.
- Shell
- ShelvingUnit
- Shield
- ShieldAlert
- ShieldBan
- ShieldCheck
- ShieldEllipsis
- ShieldHalf
- ShieldMinus
- ShieldOff
- ShieldPlus
- ShieldQuestionMark
- ShieldUser
- ShieldX
- Ship
- ShipWheel
- Shirt
- ShoppingBag
- ShoppingBasket
- ShoppingCart
- Shovel
- ShowerHead
- Shredder
- Shrimp
- Shrink
- Shrub
- Shuffle
- SidebarGroupProps
- Sidebar group component properties.
- SidebarItemProps
- Sidebar item component properties.
- SidebarProps
- Sidebar component properties.
- SidebarSubMenuProps
- Sidebar submenu component properties.
- Sigma
- Signal
- SignalHigh
- SignalLow
- SignalMedium
- SignalZero
- Signature
- Signpost
- SignpostBig
- SimpleChatMessage
- Simple chat message implementation.
- SimpleChatUser
- Simple chat user implementation.
- SimpleStatusBadgeProps
- Simple status badge component properties.
- Siren
- SizedBoxProps
- SizedBox component properties.
- SkeletonProps
- Skeleton component properties.
- SkipBack
- SkipForward
- Skull
- Slash
- Slice
- SliderProps
- Slider component properties.
- SlidersHorizontal
- SlidersVertical
- SlotCounterCardProps
- Slot counter card component properties.
- SlotCounterProps
- Slot counter component properties.
- SlotCounterRowProps
- Slot counter row component properties.
- small
- The <small> HTML element represents side-comments and small print, like copyright and legal text, independent of its styled presentation. By default, it renders text within it one font-size smaller, such as from small to x-small.
- Smartphone
- SmartphoneCharging
- SmartphoneNfc
- Smile
- SmilePlus
- Snail
- Snowflake
- SoapDispenserDroplet
- SocialIconGroupProps
- Social icon group component properties.
- SocialIconProps
- Social icon component properties.
- SocialLinkItem
- Social link item data.
- SocialLinksProps
- Social links component properties.
- SocialSignInButton
- Social sign-in button with branded styling for OAuth providers.
- Sofa
- SolarPanel
- Soup
- source
- The <source> HTML element specifies multiple media resources for the <picture>, the <audio> element, or the <video> element. It is an empty element, meaning that it has no content and does not have a closing tag. It is commonly used to offer the same media content in multiple file formats in order to provide compatibility with a broad range of browsers given their differing support for image file formats and media file formats.
- Space
- SpacerProps
- Spacer component properties.
- Spade
- span
- The <span> HTML element is a generic inline container for phrasing content, which does not inherently represent anything. It can be used to group elements for styling purposes (using the class or id attributes), or because they share attribute values, such as lang. It should be used only when no other semantic element is appropriate. <span> is very much like a <div> element, but <div> is a block-level element whereas a <span> is an inline element.
- Sparkle
- Sparkles
- Speaker
- Speech
- SpellCheck2
- Spline
- SplinePointer
- Split
- Spool
- Spotlight
- SprayCan
- Sprout
- Square
- SquareActivity
- SquareArrowDown
- SquareArrowDownLeft
- SquareArrowDownRight
- SquareArrowLeft
- SquareArrowOutDownLeft
- SquareArrowOutDownRight
- SquareArrowOutUpLeft
- SquareArrowOutUpRight
- SquareArrowRight
- SquareArrowRightEnter
- SquareArrowRightExit
- SquareArrowUp
- SquareArrowUpLeft
- SquareArrowUpRight
- SquareAsterisk
- SquareBottomDashedScissors
- SquareCenterlineDashedHorizontal
- SquareCenterlineDashedVertical
- SquareChartGantt
- SquareCheck
- SquareCheckBig
- SquareChevronDown
- SquareChevronLeft
- SquareChevronRight
- SquareChevronUp
- SquareCode
- SquareDashed
- SquareDashedBottom
- SquareDashedBottomCode
- SquareDashedKanban
- SquareDashedMousePointer
- SquareDashedTopSolid
- SquareDivide
- SquareDot
- SquareEqual
- SquareFunction
- SquareKanban
- SquareLibrary
- SquareM
- SquareMenu
- SquareMinus
- SquareMousePointer
- SquareParking
- SquareParkingOff
- SquarePause
- SquarePen
- SquarePercent
- SquarePi
- SquarePilcrow
- SquarePlay
- SquarePlus
- SquarePower
- SquareRadical
- SquareRoundCorner
- SquareScissors
- SquaresExclude
- SquareSigma
- SquaresIntersect
- SquareSlash
- SquareSplitHorizontal
- SquareSplitVertical
- SquareSquare
- SquaresSubtract
- SquareStack
- SquareStar
- SquareStop
- SquaresUnite
- SquareTerminal
- SquareUser
- SquareUserRound
- SquareX
- Squircle
- SquircleDashed
- Squirrel
- Stamp
- Star
- StarHalf
- StarOff
- StatCardProps
- Stat card component properties.
- StatCardRowProps
- Stat card row component properties.
- StatDisplayProps
- Stat display component properties.
-
State<
T extends StatefulComponent> - The logic and internal state for a StatefulComponent.
- StatefulBuilder
- A platonic component that both has state and calls a closure to obtain its child component.
- StatefulComponent
- A component that has mutable state.
- StatefulElement
- An Element that uses a StatefulComponent as its configuration.
- StatelessComponent
- A component that does not require mutable state.
- StatelessElement
- An Element that uses a StatelessComponent as its configuration.
- StaticTableProps
- Static table component properties.
- StatRowProps
- Stat row component properties.
- StatusBadgeProps
- Status badge component properties.
- StatusIndicatorProps
- Status indicator component properties.
- StepBack
- StepForward
- StepIndicatorProps
- Step indicator component properties.
- StepItemData
- Step item data.
- StepperProps
- Stepper component properties.
- Stethoscope
- Sticker
- StickyNote
- Stone
- Store
-
StreamBuilder<
T> - Component that builds itself based on the latest snapshot of interaction with a Stream.
-
StreamBuilderBase<
T, S> - Base class for components that build themselves based on interaction with a specified Stream.
- StretchHorizontal
- StretchVertical
- Strikethrough
- strong
- The <strong> HTML element indicates that its contents have strong importance, seriousness, or urgency. Browsers typically render the contents in bold type.
- Style
-
Renders the provided list of styles into css and wraps them
with a
<style>element. - StyleRule
- Styles
- Represents a set of css styles.
-
StylesMixin<
T> - Subscript
- summary
- The <summary> HTML element specifies a summary, caption, or legend for a <details> element's disclosure box. Clicking the <summary> element toggles the state of the parent <details> element open and closed.
- Sun
- SunDim
- SunMedium
- SunMoon
- Sunrise
- Sunset
- SunSnow
- Superscript
- SurfaceCardProps
- Surface card component properties.
- SurfaceProps
- Surface component properties.
- svg
- The <svg> element is a container that defines a new coordinate system and viewport. It is used as the outermost element of SVG documents, but it can also be used to embed an SVG fragment inside an SVG or HTML document.
- SwatchBook
- SwissFranc
- SwitchCamera
- SwitcherProps
- Switcher component properties.
- Sword
- Swords
- SyncAnnotation
-
SynchronousFuture<
T> - A Future whose then implementation calls the callback immediately.
- Syringe
- TabBarItemProps
- Tab bar item data.
- TabBarProps
- Tab bar component properties.
- TabItemProps
- Tab item data.
- Table
- table
- The <table> HTML element represents tabular data—that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.
- Table2
- TableCellsMerge
- TableCellsSplit
- TableColumnsSplit
- TableOfContents
- TableProperties
- TableRowsSplit
- Tablet
- Tablets
- TabletSmartphone
- TabsProps
- Tabs component properties.
- Tag
- TagInputProps
- Tag input component properties.
- Tags
- Tally1
- Tally2
- Tally3
- Tally4
- Tally5
- Tangent
- tbody
- The <tbody> HTML element encapsulates a set of table rows (<tr> elements), indicating that they comprise the body of a table's (main) data.
- td
- The <td> HTML element defines a cell of a table that contains data and may be used as a child of the <tr> element.
- Telescope
- Tent
- TentTree
- Terminal
- TerminalProps
- Terminal component properties.
- TestimonialCardProps
- Testimonial card component properties.
- TestTube
- TestTubeDiagonal
- TestTubes
- Text
- Represents a plain text node with no additional properties.
- TextAlignCenter
- TextAlignEnd
- TextAlignJustify
- TextAlignStart
- textarea
- The <textarea> HTML element represents a multi-line plain-text editing control, useful when you want to allow users to enter a sizeable amount of free-form text, for example a comment on a review or feedback form.
- TextCursor
- TextCursorInput
- TextDecorationLine
-
The
text-decoration-lineCSS property sets the kind of decoration that is used on text in an element, such as an underline or overline. - TextDecorationThickness
-
The
text-decoration-thicknessCSS property sets the stroke thickness of the decoration line that is used on text in an element, such as a line-through, underline, or overline. - TextElement
- TextInitial
- TextInputProps
- Text input component properties.
- TextPresets
- Common text style presets
- TextQuote
- TextSearch
- TextSelect
- TextShadow
-
The
text-shadowCSS property adds shadows to text. - tfoot
- The <tfoot> HTML element encapsulates a set of table rows (<tr> elements), indicating that they comprise the foot of a table with information about the table's columns. This is usually a summary of the columns, e.g., a sum of the given numbers in a column.
- th
- The <th> HTML element defines a cell as the header of a group of table cells and may be used as a child of the <tr> element. The exact nature of this group is defined by the scope and headers attributes.
- thead
- The <thead> HTML element encapsulates a set of table rows (<tr> elements), indicating that they comprise the head of a table with information about the table's columns. This is usually in the form of column headers (<th> elements).
- Theater
- ThemePalette
- Complete color palette derived from ThemeSeed.
- ThemeSeed
- Minimal color input for theme generation.
- Thermometer
- ThermometerSnowflake
- ThermometerSun
- ThumbHashCardProps
- ThumbHash card component properties.
- ThumbsDown
- ThumbsUp
- Ticket
- TicketCheck
- TicketMinus
- TicketPercent
- TicketPlus
- Tickets
- TicketSlash
- TicketsPlane
- TicketX
- TileProps
- Tile component properties.
- TimeDialogProps
- Time dialog component properties.
- TimelineItemData
- Timeline item data.
- TimelineProps
- Timeline component properties.
- TimeOfDay
- Represents a time of day with hour and minute.
- TimePickerProps
- Time picker component properties.
- TimerOff
- TimerReset
- ToastAction
- Toast action button data.
- ToastContainerProps
- Toast container component properties.
- ToastData
- Toast data for the queue.
- ToastManager
- Global toast manager singleton.
- ToastProps
- Toast component properties.
- ToggleButtonProps
- Toggle button component properties.
- ToggleGroupItem
- A toggle group item.
- ToggleGroupItemProps
- Toggle group item data.
- ToggleGroupProps
- Toggle group component properties.
- ToggleLeft
- ToggleRight
- ToggleSwitchProps
- Toggle switch component properties.
- Toilet
- ToolbarProps
- Toolbar component properties.
- Toolbox
- ToolCase
- TooltipProps
- Tooltip component properties.
- Tornado
- Torus
- Touchpad
- TouchpadOff
- TowelRack
- TowerControl
- ToyBrick
- tr
- The <tr> HTML element defines a row of cells in a table. The row's cells can then be established using a mix of <td> (data cell) and <th> (header cell) elements.
- TrackerData
- Tracker cell data.
- TrackerProps
- Tracker component properties.
- TrackRepeat
- Represents a repeated fragment of the track list, allowing a large number of columns that exhibit a recurring pattern to be written in a more compact form.
- TrackSize
- Represents the size of a grid track in a grid layout.
- Tractor
- TrafficCone
- TrainFront
- TrainFrontTunnel
- TrainTrack
- TramFront
- Transgender
- Trash
- Trash2
- TreeDeciduous
- TreeNode
- Tree node data.
- TreeNodeData
- Tree node data.
- TreePalm
- TreePine
- Trees
- TreeViewProps
- Tree view component properties.
- TrendingDown
- TrendingUp
- TrendingUpDown
- Triangle
- TriangleAlert
- TriangleDashed
- TriangleRight
- Trophy
- Truck
- TruckElectric
- TurkishLira
- Turntable
- Turtle
- Tv
- TvMinimal
- TvMinimalPlay
- Type
- TypeOutline
- u
- The <u> HTML element represents a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation. This is rendered by default as a simple solid underline, but may be altered using CSS.
- ul
- The <ul> HTML element represents an unordered list of items, typically rendered as a bulleted list.
- Umbrella
- UmbrellaOff
- Underline
- Undo
- Undo2
- UndoDot
- UnfoldHorizontal
- UnfoldVertical
- Ungroup
- UniqueKey
- A key that is only equal to itself.
- Unit
- Represents a CSS unit value.
- University
- Unlink
- Unlink2
- Unplug
- Upload
- UploadedFile
- Uploaded file data.
- UptimeDay
- Uptime day data.
- UptimeTrackerProps
- Uptime tracker component properties.
- Usb
- User
- UserCheck
- UserCog
- UserKey
- UserLock
- UserMinus
- UserPen
- UserPlus
- UserRound
- UserRoundCheck
- UserRoundCog
- UserRoundKey
- UserRoundMinus
- UserRoundPen
- UserRoundPlus
- UserRoundSearch
- UserRoundX
- Users
- UserSearch
- UsersRound
- UserStar
- UserX
- Utensils
- UtensilsCrossed
- UtilityPole
-
ValueKey<
T> - A key that uses a value of a particular type to identify itself.
-
ValueListenable<
T> - An interface for subclasses of Listenable that expose a value.
-
ValueListenableBuilder<
T> -
ValueNotifier<
T> - A ChangeNotifier that holds a single value.
- Van
- Variable
- Vault
- VectorSquare
- Vegan
- VenetianMask
- Venus
- VenusAndMars
- Vibrate
- VibrateOff
- Video
- video
- The <video> HTML element embeds a media player which supports video playback into the document. You can use <video> for audio content as well, but the <audio> element may provide a more appropriate user experience.
- VideoOff
- Videotape
-
VirtualScrollProps<
T> - Virtual scroll component properties.
- Voicemail
- Volleyball
- Volume
- Volume1
- Volume2
- VolumeOff
- VolumeX
- Vote
- WaitlistFormProps
- Waitlist form component properties.
- Wallet
- WalletCards
- WalletMinimal
- Wallpaper
- Wand
- WandSparkles
- Warehouse
- WashingMachine
- Watch
- Waves
- WavesArrowDown
- WavesArrowUp
- WavesLadder
- Waypoints
- wbr
- The <wbr> HTML element represents a word break opportunity—a position within text where the browser may optionally break a line, though its line-breaking rules would not otherwise create a break at that location.
- Webcam
- Webhook
- WebhookOff
- Weight
- WeightTilde
- Wheat
- WheatOff
- WholeWord
- Wifi
- WifiCog
- WifiHigh
- WifiLow
- WifiOff
- WifiPen
- WifiSync
- WifiZero
- Wind
- WindArrowDown
- Wine
- WineOff
- Workflow
- Worm
- Wrench
- X
- XLineTop
- Zap
- ZapOff
- ZodiacAquarius
- ZodiacAries
- ZodiacCancer
- ZodiacCapricorn
- ZodiacGemini
- ZodiacLeo
- ZodiacLibra
- ZodiacOphiuchus
- ZodiacPisces
- ZodiacSagittarius
- ZodiacScorpio
- ZodiacTaurus
- ZodiacVirgo
- ZoomIn
- ZoomOut
Enums
- AlertBannerVariant
- AlertSeverity
- AlertVariant
- AlignContent
-
The CSS
align-contentproperty sets the distribution of space between and around content items along a flexbox's cross axis, or a grid or block-level element's block axis. - AlignItems
- Align items values
- Alignment
- Alignment positions for layout.
- AlignSelf
-
The
align-selfCSS property overrides a grid or flex item's align-items value. In grid, it aligns the item inside the grid area. In flexbox, it aligns the item on the cross axis. - All
-
The
allCSS property resets all of an element's properties. It can set properties to their initial or inherited values, or to the values specified in another cascade layer or stylesheet origin. - AnimationDirection
-
The
animation-directionCSS property sets whether an animation should play forward, backward, or alternate back and forth between playing the sequence forward and backward. - AnimationFillMode
-
The
animation-fill-modeCSS property sets how a CSS animation applies styles to its target before and after its execution. - AnimationPlayState
-
The
animation-play-stateCSS property sets whether an animation is running or paused. - Appearance
-
The
appearanceCSS property specifies the rendered appearance of replaced UI widget elements such as form controls. Most commonly, such elements are given native, platform-specific styling based on the operating system's theme, or a primitive appearance with styles that can be overridden using CSS. - ArcaneColor
- Semantic color values that map to theme CSS custom properties.
- ArrowLinkSize
- AuthButtonVariant
- AuthInputType
- AuthMethod
- Supported authentication methods.
- AuthorCardSize
- AuthStatus
- Authentication status enumeration.
- AutoComplete
- Indicates whether input elements can by default have their values automatically completed by the browser. autocomplete attributes on form elements override it on <form>.
- AvatarBadgePosition
- Position for avatar badge.
- AvatarGroupDirection
- Direction for avatar group stacking.
- AvatarShape
- AvatarSize
- Axis
- Axis direction.
- BackdropFilter
- Backdrop filter presets
- Background
- Background color presets
- BackgroundAlignX
- BackgroundAlignY
- BackgroundAttachment
-
The
background-attachmentCSS property sets whether a background image's position is fixed within the viewport or scrolls with its containing block. - BackgroundAxisRepeat
- The background-repeat CSS property sets how background images are repeated. Per-axis values for the BackgroundRepeat property.
- BackgroundClip
-
The
background-clipCSS property sets whether an element's background extends underneath its border box, padding box, or content box. - BackgroundOrigin
-
The
background-originCSS property sets the background's origin: which box (border-box, padding-box or content-box) the background's position is relative to. - BadgeSize
- BadgeVariant
- BarBackButtonMode
- BorderColor
- Border color presets
- BorderPreset
- Border presets combining width, style, and color
- BorderStyle
-
Keywords for the visual style of borders (e.g.
dotted,solid,double). - BorderWidth
- Border width presets
- BoxFit
- Image fit modes.
- BoxSizing
-
The
box-sizingCSS property sets how the total width and height of an element is calculated. - BreadcrumbSeparator
- BreadcrumbSeparatorStyle
- BreadcrumbSize
- BreadcrumbSizeVariant
- Brightness
- Brightness mode for the application.
- ButtonSize
- ButtonType
- Defines the default behavior of a button.
- ButtonVariant
- CalendarMode
- Calendar selection mode.
- CalendarModeVariant
- CalloutVariant
- CardVariant
- ChatStyle
- CheckboxSize
- CheckboxVariant
- CheckStyle
- ChipSize
- ChipVariant
- CodeBlockStyle
- CodeWindowStyle
- CodexAccent
- Available accent themes for Codex.
- ColorInputSize
- Combinator
- ComboboxSize
- Size variants for combobox.
- ConnectionState
- The state of connection to an asynchronous computation.
- Contrast
-
The
prefers-contrastCSS media feature is used to detect whether the user has requested the web content to be presented with a lower or higher contrast. - CrossAxisAlignment
- Cross axis alignment for flex layouts.
- CrossOrigin
- Indicates if the fetching of the media must be done using a CORS request. Media data from a CORS request can be reused in the <canvas> element without being marked "tainted". If the crossorigin attribute is not specified, then a non-CORS request is sent (without the Origin request header), and the browser marks the media as tainted and restricts access to its data, preventing its usage in <canvas> elements. If the crossorigin attribute is specified, then a CORS request is sent (with the Origin request header); but if the server does not opt into allowing cross-origin access to the media data by the origin site (by not sending any Access-Control-Allow-Origin response header, or by not including the site's origin in any Access-Control-Allow-Origin response header it does send), then the browser blocks the media from loading, and logs a CORS error to the devtools console.
- Cursor
- Cursor presets
- CycleButtonSize
- CycleButtonVariant
- DataTableTextAlign
- DatePickerSize
- Size variants for date picker.
- DatePickerSizeVariant
- DateTimePickerMode
- Mode for the datetime picker.
- DateTimePickerSize
- Size variants for the datetime picker.
- DisclosureVariant
- Display
- CSS display property values
- DividerOrientation
- DividerVariant
- DotIndicatorSize
- DrawerPosition
- DrawerSize
- DropdownAlignment
- DropdownDirection
- Direction for dropdown to open.
- Easing
- Animation timing functions
- EmptyStateSizeVariant
- EmptyStateStyleVariant
- FABPosition
- FABSize
- FABVariant
- FadeDirection
- FileUploadSize
- FileUploadStyle
- FlexDirection
- Flex direction values
- FlexPreset
- Flex shorthand presets
- FlexWrap
- Flex wrap values
- FontFamily
- Font family presets
- FontSize
- Font size presets using rem units
- FontStyle
- Font style values
- FontWeight
- Font weight values.
- FormattedInputSize
- Size variants for formatted input.
- FormEncType
- The MIME type of a form submission.
- FormMethod
- The HTTP method to submit a form with.
- GameColor
- Game-specific brand colors
- Gap
- Gap presets for flex and grid layouts
- GridAutoFlow
- Grid auto-flow values
- GridColumns
- Grid template column presets
- GridRows
- Grid template row presets
- GutterSize
- HeadingLevel
- HeadlineLevel
- HovercardPosition
- Hovercard position relative to the trigger element.
- HovercardPositionVariant
- IconButtonSize
- IconButtonStyle
- Style presets for icon buttons.
- IconButtonVariant
- IconSize
- Icon size presets for consistent sizing.
- ImportPlatform
- InputDialogType
- InputType
- The type for an <input> element.
- JustifyContent
- Justify content values
- JustifyItems
-
The CSS
justify-itemsproperty defines the defaultjustify-selffor all items of the box, giving them all a default way of justifying each box along the appropriate axis. - JustifySelf
-
The CSS
justify-selfproperty sets the way a box is justified inside its alignment container along the appropriate axis. - KbdSize
- KbdStyle
- LetterSpacing
- Letter spacing presets
- LineHeight
- Line height presets
- ListStyle
-
The
list-style-typeCSS property sets the marker (such as a disc, character, or custom counter style) of a list item element. - ListStylePosition
-
The
list-style-positionCSS property sets the position of the::markerrelative to a list item. - LoaderVariant
- MainAxisAlignment
- Main axis alignment for flex layouts.
- MainAxisSize
- Main axis size behavior.
- MapType
- The type of map to render.
- MarginPreset
- Compound margin presets
- MarqueeDirection
- MaxHeight
- Max height presets
- MaxWidth
- Max-width container presets
- MediaLoading
- Indicates how the browser should load the media. Loading is only deferred when JavaScript is enabled.
- MeterColorVariant
- MeterSizeVariant
- MeterStyleVariant
- MinWidth
- Min width presets
- MutableTextInputType
- Input type for mutable text.
- MutableTextStyle
- Display style when not editing.
- MutableTextTrigger
- Edit trigger mode for mutable text.
- NeonColor
- Neon/gaming accent colors
- NumberingType
- The numbering type for a list element.
- NumberInputSize
- ObjectFit
- Object fit values
- ObjectPosition
- Object position values
- Opacity
- Opacity presets
- Orientation
-
The
orientationCSS media feature can be used to test the orientation of the viewport (or the page box, for paged media). - OtpInputSize
- Size variants for OTP input.
- OtpInputSizeVariant
- OutlinePreset
- Outline presets
- OutlineStyle
- The style of an element's outline. An outline is a line that is drawn around an element, outside the border.
- Overflow
- Overflow behavior values
- OverflowAxis
- Overflow X/Y specific values
- PaddingPreset
- Compound padding presets
- PaginationSize
- PaginationSizeVariant
- PaginationStyle
- PaginationStyleVariant
- PlaceContent
- Place content values
- PlaceItems
- Place items values
- PointerEvents
- Pointer events presets
- PopoverPosition
- PopoverTrigger
- Position
- CSS position values
- Preload
- Intended to provide a hint to the browser about what the author thinks will lead to the best user experience when loading a media object. The default value is different for each browser. The spec advises it to be set to Preload.metadata.
- ProgressSize
- ProgressVariant
- RadioGroupLayout
- RadioGroupVariant
- Radius
- Border radius presets
- ReferrerPolicy
- The Referrer-Policy controls how much referrer information (sent with the Referer header) should be included with requests.
- ResizeDirection
- SchedulerPhase
- ScrollbarStyleVariant
- ScrollbarVisibilityVariant
- ScrollDirectionVariant
- ScrollRailPosition
- ScrollRailSize
- SearchSize
- SearchStyle
- SectionHeaderAlign
- SelectDropdownDirection
- SelectorSize
- Size variants for the selector.
- SelectSize
- SeparatorOrientation
- SettingsNoteVariant
- ShadcnTheme
- Color themes for ShadCN stylesheet.
- Shadow
- Box shadow presets
- SheetPosition
- Sheet position (edge from which it slides).
- SheetSize
- Sheet size variants.
- SheetSizeVariant
- Size
- Size keyword presets
- SkeletonShape
- SliderSize
- SliderVariant
- SlotCounterColor
- SlotCounterSize
- SocialPlatform
- SocialProvider
- OAuth provider types for social sign-in buttons.
- Spacing
- Single-value spacing scale based on 4px unit
- SpellCheck
- Specifies whether an element is subject to spell checking by the underlying browser/OS.
- StatDisplayLayout
- StatusBadgeSize
- StatusType
- StepIndicatorSize
- StepJump
- Describes how the transition behaves at the start and end when using Curve.steps.
- StepsLayout
- StepsSize
- StepStatus
- SurfaceEffect
- SurfaceShadow
- SvgSize
- SwitcherDirection
- TagInputStyleVariant
- Target
- The name/keyword for a browsing context (a tab, window, or <iframe>).
- TextAlign
- Text alignment options.
- TextAreaResize
- Resize direction for textarea.
- TextColor
- Text/foreground color presets
- TextDecoration
- Text decoration values
- TextDecorationLineKeyword
- TextDecorationStyle
-
The
text-decoration-styleCSS property sets the style of the lines specified by TextDecorationLine. - TextInputSize
- TextInputType
- TextInputVariant
- TextOverflow
- Text overflow behavior.
- TextTransform
- Text transform values
- TextWrap
- Indicates how the control wraps text.
- ThemeMode
- Theme mode selection.
- TimelineLayout
- TimelineSize
- TimelineStatus
- TimePickerSize
- ToastPosition
- ToastVariant
- ToggleGroupSelectionType
- ToggleGroupSize
- Toggle group size.
- ToggleGroupSizeVariant
- ToggleGroupType
- Toggle group selection type.
- ToggleGroupVariant
- Toggle group variants.
- ToggleGroupVariantStyle
- ToggleSwitchSize
- ToggleSwitchVariant
- TooltipPosition
- TrackerLevel
- Transform
- Transform presets
- Transition
- Transition presets
- TreeSelectionMode
- TreeViewStyle
- UserSelect
-
The
user-selectCSS property controls whether the user can select text. This doesn't have any effect on content loaded as part of a browser's user interface (its chrome), except in textboxes. - Visibility
- Visibility values
- WhiteSpace
- White space handling values
- WordBreak
- Word break values
- WrapAlignment
- Wrap alignment for flex wrap layouts.
- ZIndex
- Z-index layer presets
Mixins
- ComponentsBinding
- Main app binding, controls the root component and global state
- NotifiableElementMixin
- Mixin this class to allow receiving Notification objects dispatched by child elements.
- OnFirstBuild
- Mixin on StatelessComponent that performs some async task on the first build
-
PreloadStateMixin<
T extends StatefulComponent> - Mixin on State that preloads state on the server
- RenderObjectElement
- SchedulerBinding
-
SyncStateMixin<
T extends StatefulComponent, U> - Mixin on State that syncs state data from the server to the client.
-
ViewTransitionMixin<
T extends StatefulComponent>
Extensions
- AngleExt on num
- Extension helpers to create Angle values from numeric literals.
- AppContext on BuildContext
-
ArcaneColorGradient
on List<
ArcaneColor> - Extension for creating gradients from a list of ArcaneColors.
- ArcaneMutableTextFactories on ArcaneMutableText
- Convenience constructors for common mutable text patterns.
- ArcaneThemeContext on BuildContext
- Extension for easy access to theme properties from context.
- AuthContextExtension on BuildContext
- Extension for accessing auth state from any component.
- DurationExt on int
- DurationExtension on int
- Duration extension for convenience.
- IconSizeExtension on IconSize
- Extension to convert IconSize to pixel values.
- SelectorMixin on Selector
- SvgSizeExtension on SvgSize
- UnitExt on num
Constants
- client → const ClientAnnotation
- Used to annotate a client component.
- css → const CssUtility
- Styling utility to create nested style definitions.
- decoder → const DecoderAnnotation
- Used to annotate an decoder function for a custom model.
- encoder → const EncoderAnnotation
- Used to annotate an encoder function for a custom model.
- factory → const Object
- Annotation on a function that creates new objects.
- immutable → const Immutable
- Annotation on an immutable class.
- kDebugMode → const bool
- A constant that is true if the application was compiled in debug mode.
- kGenerateMode → const bool
- A constant that is true if the application is running in static-site-generation mode.
- kIsWasm → const bool
- A constant that is true if the application was compiled to WebAssembly.
- kIsWeb → const bool
- A constant that is true if the application was compiled to run on the web.
- kReleaseMode → const bool
- A constant that is true if the application was compiled in release mode.
- kVerboseMode → const bool
- A constant that is true if the application was run in verbose mode.
- mustCallSuper → const Object
- Annotation on instance member that overriding members must call.
- nonVirtual → const Object
- Annotation on instance member that must not be overridden.
- optionalTypeArgs → const Object
- Annotation on type arguments that can safely be omitted.
- protected → const Object
- Annotation on instance member that should only be used by subclasses.
- sync → const SyncAnnotation
- visibleForTesting → const Object
- Annotation on a public declaration that should only be used in tests.
Properties
- toast → ToastManager
-
Global toast accessor.
no setter
Functions
-
describeIdentity(
Object? object) → String -
Returns a summary of the runtime type and hash code of
object. -
events<
V> ({VoidCallback? onClick, ValueChanged< V> ? onInput, ValueChanged<V> ? onChange}) → Map<String, EventCallback> -
Helper function to provide typed event handlers to the
eventsproperty of html components. -
fragment(
List< Component> children, {Key? key}) → Component -
Renders a list of
childrenwithout any wrapping element. -
lerpDuration(
Duration a, Duration b, double t) → Duration -
Linearly interpolate between two
Durations. -
objectRuntimeType(
Object? object, String optimizedValue) → String -
Framework code should use this method in favor of calling
toStringon Object.runtimeType. -
raw(
String text, {Key? key}) → Component - Renders its input as raw unescaped html using RawText.
-
runApp(
Component app) → void - Main entry point for a jaspr app
-
shortHash(
Object? object) → String - Returns a 5 character long hexadecimal string generated from Object.hashCode's 20 least-significant bits.
-
text(
String text, {Key? key}) → Component - Renders a text node.
Typedefs
- AAccordion = ArcaneAccordion
- AAccordionItem = ArcaneAccordionItem
- AApp = ArcaneApp
- AAside = ArcaneSideContent
- AAuthBackLink = ArcaneAuthBackLink
- AAuthLayout = ArcaneAuthLayout
- AAuthorCard = ArcaneAuthorCard
- AAuthorCardSize = AuthorCardSize
- AAvatar = ArcaneAvatar
- ABackToTop = ArcaneBackToTop
- ABadge = ArcaneBadge
- ABar = ArcaneBar
- ABlockquote = ArcaneQuote
- ABodyText = ArcaneBodyText
- ABorder = ArcaneBorder
- ABottomBar = ArcaneBottomBar
- ABox = ArcaneBox
- ABoxDecoration = ArcaneBoxDecoration
- ABulletList = ArcaneBulletList
- AButton = ArcaneButton
- AButtonGroup = ArcaneButtonGroup
- AButtonPanel = ArcaneButtonPanel
- ACard = ArcaneCard
- ACardSection = ArcaneCardSection
- ACarouselSection = ArcaneCarouselSection
- ACarpet = ArcaneCarpet
- ACenter = ArcaneCenter
- ACenterBody = ArcaneCenterBody
- ACheckbox = ArcaneCheckbox
- ACheckItem = ArcaneCheckItem
- ACheckList = ArcaneCheckList
- ACheckStyle = CheckStyle
- AChip = ArcaneChip
- AChipGroup = ArcaneChipGroup
- ACodeBlock = ArcaneCodeBlock
- ACodeBlockStyle = CodeBlockStyle
- ACodeSnippet = ArcaneCodeSnippet
- ACodeWindow = ArcaneCodeWindow
- ACodeWindowStyle = CodeWindowStyle
- AColumn = ArcaneColumn
- AContainer = ArcaneContainer
- ACtaBanner = ArcaneCtaBanner
- ACtaGroup = ArcaneCtaGroup
- ACycleButton = ArcaneCycleButton
- ACycleOption = CycleOption
- ADashboardLayout = ArcaneDashboardLayout
- ADashboardTopBar = ArcaneDashboardTopBar
- ADashboardUserMenu = ArcaneDashboardUserMenu
- ADataColumn = ArcaneDataColumn
- ADataTable = ArcaneDataTable
- ADateTimePicker = ArcaneDateTimePicker
- ADateTimePickerMode = DateTimePickerMode
- ADateTimePickerSize = DateTimePickerSize
- ADialog = ArcaneDialog
- ADialogBar = ArcaneDialogBar
- ADiv = ArcaneDiv
- ADivider = ArcaneDivider
- ADropdownMenu = ArcaneDropdownMenu
- AEmptyState = ArcaneEmptyState
- AErrorState = ArcaneErrorState
- AExpanded = ArcaneExpanded
- AExpander = ArcaneExpander
- AFAB = ArcaneFAB
- AFadeDirection = FadeDirection
- AFadeEdge = ArcaneFadeEdge
- AFaqAccordion = ArcaneFaqAccordion
- AFeatureCard = ArcaneFeatureCard
- AFeatureRow = ArcaneFeatureRow
- AField = ArcaneField
- AFieldDirectProvider = ArcaneFieldDirectProvider
- AFieldMapProvider = ArcaneFieldMapProvider
- AFieldMetadata = ArcaneFieldMetadata
- AFieldProvider = ArcaneFieldProvider
- AFieldStyles = ArcaneFieldStyles
- AFieldWrapper = ArcaneFieldWrapper
- AFillScreen = ArcaneFillScreen
- AFloatingActionButton = ArcaneFloatingActionButton
- AFlow = ArcaneFlow
- AForm = ArcaneForm
- AFormContext = ArcaneFormContext
- AFormProvider = ArcaneFormProvider
- AFormScope = ArcaneFormScope
- AFullScreen = ArcaneFullScreen
- AGameTile = ArcaneGameTile
- AGap = ArcaneGap
- AGlass = ArcaneGlass
- AGlassCard = ArcaneGlassCard
- AGutter = ArcaneGutter
- AHamburgerButton = ArcaneHamburgerButton
- AHeader = ArcaneHeader
- AHeading = ArcaneHeading
- AHeadline = ArcaneHeadline
- AHeroSection = ArcaneHeroSection
- AIcon = ArcaneIcon
- AIconButton = ArcaneIconButton
- AIconCard = ArcaneIconCard
- AIconSize = IconSize
- AImage = ArcaneImage
- AImageCard = ArcaneImageCard
- AInfiniteCarousel = ArcaneInfiniteCarousel
- AInput = ArcaneInput
- AIntegrationCard = ArcaneIntegrationCard
- AIntegrationGrid = ArcaneIntegrationGrid
- ALabel = ArcaneLabel
- ALink = ArcaneLink
- AListItem = ArcaneListItem
- ALoader = ArcaneLoader
- ALoadingState = ArcaneLoadingState
- ALogoCarousel = ArcaneLogoCarousel
- ALogoGrid = ArcaneLogoGrid
- ALogoItem = ArcaneLogoItem
- AMain = ArcaneMain
- AMarquee = ArcaneMarquee
- AMarqueeDirection = MarqueeDirection
- AMarqueeReverse = ArcaneMarqueeReverse
- AMegaMenu = ArcaneMegaMenu
- AMegaMenuSection = ArcaneMegaMenuSection
- AMobileMenu = ArcaneMobileMenu
- ANumberedList = ArcaneNumberedList
- AOrderedList = ArcaneNumberedList
- APadding = ArcanePadding
- APageBody = ArcanePageBody
- AParagraph = ArcaneParagraph
- APositioned = ArcanePositioned
- APre = ArcaneCodeBlock
- APreStyle = CodeBlockStyle
- APricingCard = ArcanePricingCard
- APricingGrid = ArcanePricingGrid
- APricingTier = PricingTier
- AProgressBar = ArcaneProgressBar
- AQuote = ArcaneQuote
- ARadio = ArcaneRadio
- ARadioCardItem = ArcaneRadioCardItem
- ARadioCards = ArcaneRadioCards
- ARangeSlider = ArcaneRangeSlider
- ARatingStars = ArcaneRatingStars
- ARawButton = ArcaneRawButton
- ARawInput = ArcaneRawInput
- ArcaneFeatureShowcaseItem = FeatureShowcaseItem
- ArcaneGutterSize = GutterSize
- ArcaneLogoItem = LogoItem
-
ArcaneRadioCardItem<
T> = RadioCardItemData< T> - ArcaneRangeSlider = _DeprecatedRangeSlider
- ARichText = ArcaneRichText
- ARow = ArcaneRow
- AScreen = ArcaneScreen
- AScrollProgress = ArcaneScrollProgress
- ASearch = ArcaneSearch
- ASearchResult = SearchResult
- ASection = ArcaneSection
- ASectionHeader = ArcaneSectionHeader
- ASectionHeaderAlign = SectionHeaderAlign
- ASelect = ArcaneSelect
- ASelectOption = ArcaneSelectOption
- ASelector = ArcaneSelector
- ASelectorOption = ArcaneSelectorOption
- ASettingsInfoRow = ArcaneSettingsInfoRow
- ASettingsNote = ArcaneSettingsNote
- ASettingsSection = ArcaneSettingsSection
- ASettingsSubheader = ArcaneSettingsSubheader
- ASettingsToggleRow = ArcaneSettingsToggleRow
- ASidebar = ArcaneSidebar
- ASidebarCollapsed = ArcaneSidebarCollapsed
- ASidebarExpanded = ArcaneSidebarExpanded
- ASidebarGroup = ArcaneSidebarGroup
- ASidebarItem = ArcaneSidebarItem
- ASidebarSeparator = ArcaneSidebarSeparator
- ASidebarSubMenu = ArcaneSidebarSubMenu
- ASideContent = ArcaneSideContent
- ASizedBox = ArcaneSizedBox
- ASkeleton = ArcaneSkeleton
- ASkeletonCard = ArcaneSkeletonCard
- ASkeletonText = ArcaneSkeletonText
- ASlider = ArcaneSlider
- ASliverSection = ArcaneSliverSection
- ASocialIcon = ArcaneSocialIcon
- ASocialIconGroup = ArcaneSocialIconGroup
- ASpacer = ArcaneSpacer
- ASpan = ArcaneSpan
- AStack = ArcaneStack
- AStatCard = ArcaneStatCard
- AStatCardRow = ArcaneStatCardRow
- AStatDisplay = ArcaneStatDisplay
- AStatDisplayLayout = StatDisplayLayout
- AStaticTable = ArcaneStaticTable
- AStatRow = ArcaneStatRow
- AStatusBadge = ArcaneStatusBadge
- AStatusBadgeSize = StatusBadgeSize
- AStepItem = ArcaneStepItem
- ASteps = ArcaneSteps
- AStructuredCard = ArcaneStructuredCard
- ASubheadline = ArcaneSubheadline
- ASurface = ArcaneSurface
-
AsyncCallback
= Future<
void> Function() - Signature of callbacks that have no arguments and return no data, but that return a Future to indicate when their work is complete.
-
AsyncComponentBuilder<
T> = Component Function(BuildContext context, AsyncSnapshot< T> snapshot) - Signature for strategies that build components based on asynchronous interaction.
-
AsyncValueGetter<
T> = Future< T> Function() - Signature for callbacks that are to asynchronously report a value on demand.
-
AsyncValueSetter<
T> = Future< void> Function(T value) - Signature for callbacks that report that a value has been set and return a Future that completes when the value has been saved.
- ATabItem = ArcaneTabItem
- ATable = ArcaneTable
- ATableBody = ArcaneTableBody
- ATableCell = ArcaneTableCell
- ATableHead = ArcaneTableHead
- ATableHeader = ArcaneTableHeader
- ATableRow = ArcaneTableRow
- ATabs = ArcaneTabs
- ATestimonialCard = ArcaneTestimonialCard
- AText = ArcaneText
- ATextArea = ArcaneTextArea
- ATextInput = ArcaneTextInput
- ATile = ArcaneTile
- ATimeline = ArcaneTimeline
- ATimelineItem = ArcaneTimelineItem
- AToast = ArcaneToast
- AToggleButton = ArcaneToggleButton
- AToggleButtonGroup = ArcaneToggleButtonGroup
- AToggleSwitch = ArcaneToggleSwitch
- AToolbar = ArcaneToolbar
- ATooltip = ArcaneTooltip
- AUnorderedList = ArcaneBulletList
- AVerticalDivider = ArcaneVerticalDivider
- AWindow = ArcaneWindow
- ComponentBuilder = Component Function(BuildContext context)
- Signature for a function that creates a component, e.g. StatelessComponent.build or State.build.
- ElementVisitor = void Function(Element element)
- Signature for the callback to BuildContext.visitChildElements.
- EmptyStateSize = EmptyStateSizeVariant
- EmptyStateStyle = EmptyStateStyleVariant
- EventCallback = void Function(Event event)
-
IterableFilter<
T> = Iterable< T> Function(Iterable<T> input) - Signature for callbacks that filter an iterable.
- MapLocationCallback = void Function(MapLocation location)
- Callback for location pin interactions.
- MapRegionCallback = void Function(MapRegion region)
- Callback for region (state/country) interactions.
- Margin = Spacing
-
The
marginCSS property sets the outer spacing of an element. - MeterColor = MeterColorVariant
- MeterSize = MeterSizeVariant
- MeterStyle = MeterStyleVariant
- ResizablePanel = ResizablePanelData
- ScrollbarStyle = ScrollbarStyleVariant
- ScrollbarVisibility = ScrollbarVisibilityVariant
- ScrollDirection = ScrollDirectionVariant
- SelectInput = ArcaneSelect
- StatefulComponentBuilder = Component Function(BuildContext context, StateSetter setState)
- Signature for the builder callback used by StatefulBuilder.
- StateSetter = void Function(VoidCallback fn)
- The signature of State.setState functions.
- TagInputStyle = TagInputStyleVariant
- TextArea = ArcaneTextArea
-
ValueChanged<
T> = void Function(T value) - Signature for callbacks that report that an underlying value has changed.
-
ValueGetter<
T> = T Function() - Signature for callbacks that are to report a value on demand.
-
ValueSetter<
T> = void Function(T value) - Signature for callbacks that report that a value has been set.
- VoidCallback = void Function()
- Signature of callbacks that have no arguments and return no data.