Aller au contenu

Section · Catalogue

Composants

Le catalogue des composants du design system, groupés par catégorie. Chaque page composant est rendue à l'identique en Svelte, React, Vue et Angular.

210 composants

Graphiques & BI (dataviz)

Les composants de graphiques et de BI pilotés par store des paquets @sentropic/dataviz-* sont développés dans ce dépôt ; leur intégration à ce catalogue se fait par lots.

Paquets dataviz sur npm Sources dans ce dépôt

Actions

Button
ButtonGroup
CopyButton
IconButton
Link

Formulaires

Calendar
Checkbox
CheckboxGroup
Combobox
DatePicker
Dropdown
FileUploader
Form
FormGroup
Input
MultiSelect
NumberInput
PasswordInput
Radio
RadioGroup
RangeSlider
Search
Select
SelectableList
SelectableRow
Slider
Switch
Textarea
TileGroup
TimePicker
TimeRangePicker
Toggle

Chat & Agent

ChatComposer
ChatMessage
ChatThread
MessageActions
MessageStatusBadge
StreamingMessage

Navigation

AppChrome
AppHeader
BackToTop
Breadcrumb
ContentSwitcher
Footer
Header
LanguageSelector
LanguageToggle
Menu
MenuTriggerButton
NavActionStack
NavItem
NavSection
OverflowMenu
Pagination
PaginationNav
SideNav
SkipLink
SlideIndicator
Stepper
TableOfContents
Tabs
TreeView

Overlays

Drawer
MenuPopover
Modal
Popover
Popper
Toggletip
Tooltip

Feedback

Alert
Autosave
EmptyState
ErrorSummary
InlineLoading
LoadingState
Notification
ProgressBar
ProgressIndicator
Rating
SkeletonText
StatusDot
Timeline
Toast

Données

AnomalySwimLaneChart
ArcDiagramChart
AreaChart
AreaRangeChart
AreaSplineRangeChart
Badge
BarChart
BellCurveChart
BoxPlotChart
BulletChart
BumpChart
CalendarHeatmapChart
CandlestickChart
ChordDiagram
CodeSnippet
ColorScaleBar
ColorSwatch
ColumnPyramidChart
ColumnRangeChart
ComboChart
ConfigItemCard
ContourChart
DashboardGrid
DashboardGrid (dataviz)
DataImage (dataviz)
DataTable
DecompositionTreeChart
Density2DChart
DependencyWheelChart
DivergentBarChart
DonutChart
DumbbellChart
ErrorBarChart
EventFeedPanel
FilterBar
FilterPill
FlamegraphChart
ForceGraph
FunnelChart
GanttChart
GaugeChart
GeoChart
HeatmapChart
HeikinAshiChart
HistogramChart
HLCChart
HollowCandlestickChart
ItemChart
KpiCard
LineChart
LollipopChart
MarimekkoChart
OHLCChart
OrderedList
OrganizationChart
PackedBubblesChart
ParallelCoordinatesChart
ParetoChart
PointAndFigureChart
PolygonChart
PriorityMatrix
RadarChart
RenkoChart
RibbonChart
RoseChart
SankeyChart
ScatterPlot
ScoreCard
ScoreCard (dataviz)
SelectionChip
SolidGaugeChart
Sparkline
StackedBarChart
StateTimelineChart
StatusHistoryChart
StepLineChart
StreamgraphChart
StructuredList
SunburstChart
Table
Tag
TileMapChart
TimelineChart
TimeSeriesLineChart
TraceWaterfallChart
TreegraphChart
TreemapChart
UnorderedList
UrlSync
VariablePieChart
VectorFieldChart
VennChart
ViolinChart
WaffleChart
WaterfallChart
WebFrame
WindBarbChart
WordCloudChart

Structure

Accordion
AspectRatio
Card
Col
Collapsible
Container
Divider
FieldCard
Flex
Grid
Hidden
Highlight
Inline
PanelSection
Quote
Row
Stack
Tile

Autres

Avatar
AvatarGroup
DataImage
DisplaySettings
Embed
Icon
MediaContent
Overline
Portal
Transcription
Typography