8.4 KiB
8.4 KiB
Chapters 11–20
T11a Loading — src/motion
- Spinner — ring, dots, bars, pulse, orbit, wave; also the Button loading state (T05 LoadingButton) and T07a LoadMore
- DotsLoader →
motion::Spinner - BarsLoader →
motion::Spinner - PulseLoader →
motion::Spinner - RingLoader →
motion::Spinner - OrbitLoader →
motion::Spinner - WaveLoader →
motion::Spinner - Skeleton / SkeletonText / SkeletonAvatar / SkeletonCard / SkeletonTable
- Shimmer
- ProgressBar — determinate, indeterminate, segmented, buffered — also T06e UploadList
- ProgressCircle / ProgressRing
- StepProgress
- LoadingOverlay
- LoadingScreen
- InlineLoader →
motion::Spinner - LazyLoad
- Suspense / AsyncView
- RefreshIndicator
- TypingIndicator
T11b Motion
- Transition — fade, slide, scale, collapse
- AnimatePresence
- Motion
- Spring
- Stagger
- Reorder
- Flip
- CountUp →
typography::AnimatedNumber - Marquee
- Ripple
- Confetti
- Glow / Pulse
- Blink / Flash
- Shake
- ParticleBackground
- AnimatedGradient — slow tonal drift
- Lottie Player — prove:
rlottieframes
T12 Data Display — src/data_display
- Badge / CountBadge / DotBadge
- Tag / Chip
- Avatar — image, initials, icon, presence — also T06e AvatarUpload
- AvatarGroup
- UserChip
- Statistic / KPI Card
- Metric
- TrendIndicator
- DescriptionList
- PropertyGrid
- KeyValueList →
data_display::DescriptionList - InfoRow →
data_display::DescriptionList - Timeline / TimelineItem
- ActivityFeed
- Changelog
- Carousel
- Gallery
- Accordion list →
layout::Accordion - Card Grid →
layout::SimpleGrid - QRCode
- Barcode
- ColorSwatch display →
forms::ColorSwatch - Meter
- Gauge
- UsageBar
- Rating display →
forms::Rating - Comparison
- BeforeAfter
- Watermark
T13 Lists & Trees — src/lists
- List / ListItem
- VirtualList — native
list()/uniform_list(), themed rows - InfiniteList
- SortableList
- SelectableList — single, multi, shift range
- GroupedList — sticky group headers
- SectionList →
lists::GroupedList - ReorderableList →
lists::SortableList - SwipeableListItem — prove: horizontal trackpad scroll
- Tree / TreeView — also T06b TreeSelect
- VirtualTree →
lists::Tree - FileTree
- CheckboxTree
- Outline
- NestedList →
lists::Outline - DirectoryListing
- Menu List →
menus::Menu - Transfer List →
forms::TransferList
T14 Tables — src/tables
- Table
- DataTable — sort, filter, page, select
- VirtualTable →
tables::DataTable - DataGrid
- Spreadsheet — formula subset, merge, freeze, fill handle
- TreeTable
- PivotTable
- ColumnResizer
- ColumnReorder
- ColumnVisibility
- ColumnPinning
- RowSelection
- RowExpansion
- RowGrouping
- InlineRowEdit
- CellRenderer
- TableToolbar
- FilterBuilder
- SortBuilder
- AggregationFooter
- TableDensity
- ConditionalFormatting
- HeatmapTable
- ComparisonTable
T15 Charts — src/charts
- LineChart
- AreaChart / StackedArea
- BarChart
- PieChart / DonutChart
- ScatterChart
- BubbleChart
- RadarChart
- HeatmapChart
- CalendarHeatmap
- Treemap
- Sunburst
- SankeyChart
- FunnelChart
- WaterfallChart
- BoxPlot
- Histogram
- ViolinPlot
- GanttChart
- NetworkGraph / ForceGraph
- ChordDiagram
- ParallelCoordinates
- Sparkline / SparkBar / SparkArea
- Bullet Chart
- ProgressChart
- RealtimeChart
- ChartLegend
- ChartTooltip
- ChartCrosshair
- ChartAxis / ChartGrid
- ChartZoom / Brush
- ChartAnnotation
- ChartExport — SVG and CSV
T16a Finance · Market charts — src/finance
- CandlestickChart
- OHLCChart →
finance::CandlestickChart - HeikinAshiChart →
finance::CandlestickChart - LineQuoteChart
- VolumeChart
- DepthChart
- MarketProfile / VolumeProfile
- RenkoChart / PointAndFigure
- MultiChartLayout
- ChartSync
- TimeRangeSelector
- IntervalSelector
- ChartTypeSwitcher
T16b Finance · Technical analysis
- IndicatorOverlay — MA, EMA, BOLL, VWAP
- IndicatorPane — MACD, RSI, KDJ, OBV
- IndicatorSelector
- DrawingTools
- DrawingToolbar
- CompareSymbol
- PriceAlertLine
T16c Finance · Quotes & book
- Ticker / TickerTape
- QuoteCard
- PriceText
- PriceChangeBadge
- OrderBook
- Level2 Quotes
- TimeAndSales / TradeTape
- MarketDepthLadder / DOM
- SpreadIndicator
- BidAskBar
T16d Finance · Trading
- OrderEntry / TradePanel
- QuickTradeButtons
- PositionTable
- OrderTable
- TradeHistoryTable
- PnLDisplay
- LeverageSlider
- MarginIndicator
- RiskMeter
- OrderConfirmDialog
- OptionChain
- GreeksTable
- PayoffDiagram
T16e Finance · Markets & assets
- Watchlist
- SymbolSearch
- SymbolBadge
- MarketHeatmap
- SectorTreemap →
charts::Treemap - Screener / FilterPanel
- MarketOverview
- IndexCard
- MarketStatus
- TradingSessionClock
- EconomicCalendar
- EarningsCalendar
- NewsFeed
- SentimentGauge →
data_display::Gauge - PortfolioSummary
- AssetAllocationChart →
charts::PieChart - PerformanceChart — equity curve, drawdown
- DividendTable
- FinancialStatementTable
- CurrencyConverter
- CryptoWalletCard
- TransactionList
- Candle Countdown
T17a Editor · Core — src/editor
- CodeEditor — highlight, multi-cursor, selection, undo, redo
- EditorGutter
- LineNumbers — absolute, relative
- FoldingControl
- Minimap
- Ruler / IndentGuide
- BracketMatcher / RainbowBrackets
- WhitespaceRenderer
- CursorRenderer — block, line, underline, blink
- SelectionHighlight
- MultiCursor
- VimModeIndicator
- StickyScroll
- Breadcrumb →
navigation::Breadcrumb - InlayHints
- CodeLens
- InlineDecoration
- GhostText
- InlineChat
- InlineDiff
- ReadOnlyBanner
T17b Editor · Intelligence
- CompletionMenu
- SignatureHelp
- HoverInfo
- QuickFix / CodeActionMenu
- RenameInput
- PeekView →
overlays::Peek - ReferencesPanel
- SymbolOutline
- GoToSymbol
- CallHierarchy / TypeHierarchy
T17c Editor · Search
- FindWidget
- ReplaceWidget →
editor::FindWidget - SearchPanel
- SearchResultItem
- SearchFilters
T17d Editor · Panels
- ProblemsPanel / DiagnosticsList
- OutputPanel
- DebugConsole
- ExtensionsPanel / PluginList
- SettingsEditor — UI and JSON
- KeybindingsEditor
- ThemePreview
- WelcomePage
- RecentProjects
- ProjectSwitcher
- TaskRunner / RunConfiguration
T17e Editor · Status items
- CursorPosition
- LanguageMode
- Encoding
- LineEnding
- IndentSettings
- BranchIndicator
- LspStatus
- NotificationBell
T18 Terminal — src/terminal
- Terminal — prove:
alacritty_terminalgrid and PTY - TerminalTabs →
navigation::EditorTabs - TerminalSplit →
layout::PaneGroup - TerminalToolbar
- TerminalSearch →
editor::FindWidget - TerminalLink
- ShellSelector
- CommandBlock
- CommandHistory
- AnsiText
- LogViewer
- ProcessList
T19 Git — src/git
- DiffViewer — split, unified
- InlineDiff →
editor::InlineDiff - ThreeWayMerge
- ConflictResolver
- ChangesList
- CommitInput
- CommitGraph
- CommitList / CommitItem
- BranchSelector
- BranchList
- TagList
- StashList
- BlameView / GitBlameAnnotation
- FileHistory
- PullRequestCard
- ReviewComment
- DiffStat
- GitStatusBadge
T20 Debug — src/debug
- DebugToolbar
- BreakpointList
- BreakpointGutter →
editor::EditorGutter - CallStack
- VariablesPanel
- WatchPanel
- ThreadList
- MemoryViewer / HexViewer
- Disassembly
- PerformanceProfiler / Flamegraph
- TimelineProfiler
- NetworkInspector
- ConsoleREPL →
editor::DebugConsole