View showcase

Vue components

Vue is a frontend library for developing component-driven user interfaces. It’s used for developing single page apps and websites.

236components865storiesLast updated 23 days ago
Tweet
Add your component

Accordion

accordion
GitLab
2
accordion-item
SbAccordion

Alert

alert
sparkline-chart

Autocomplete

Auto Complete Search

Avatar

SbAvatar
avatar
SbAvatarGroup
avatar-link
avatars-inline

Badge

SbBadge
badge
Badges
broadcast message

Banner

banner

Breadcrumb

SbBreadcrumbs
Breadcrumbs
breadcrumb
button
SbButton
Button
IconButton
Select Button
Select Card
List Card
chart-legend
SbCard

Carousel

carousel

Chart

Dynamic Chart
stacked-column-chart
area-chart
chart-series-label
gauge-chart
line-chart

Checkbox

Checkbox
SbCheckbox
form checkbox
form-checkbox-tree

Collapse

Collapsible List
Collapsible Panel
Collapsible Toggle
collapse

Color picker

Colors

Combobox

form-combobox

Context menu

Context Menu
Context Menu Item

Date picker

Datetime Picker
SbDatepicker

Dialog

SbUploadDialog

Divider

Divider

Drawer

drawer

Form

form-select
SbFormGroup
SbFormItem

Grid

Progress Wizard
Grid Layout

Header

SbEditorHeader

Hero

hover-load-directive
SbIcon
intersection-observer
Notification Bar
Icons
Icon Modal

Image

Lazy Image

Input

Input
form-input
form-input-group
input-group-text

Label

labeled
label
Label
Selectable List

Layout

Horizontal Layout
Dynamic Layout
Pane Layout
VerticalLayout
Widget Layout

Link

SbLink
link
safe-link-directive
paginated-list
Text List
listbox
suggestion-list

Loading

SbLoading
skeleton loading

Menu

animated-number

Modal

SbModal
modal
Double Check Modal
Table Check Modal

Nav

nav
navbar

Notification

SbNotification

Page

Page Title

Pagination

View all (6)
pagination
SbPagination
Text Pagination
keyset-pagination
DatePagination

Popover

popover
Popover
SbPopover

Progress

Progress Bar
progress-bar

Radio

Radio
SbRadio
form-radio
form-radio-group
Search Dropdown
Query Search
Search
filtered-search
search-box-by-click
SbSelect
Select Dropdown
Select Status
Selectable Item
token_selector

Slider

SbSlideover
Data Table
Definition Table
SbDataTable
table
Toolbox Table

Tabs

tabs
SbTabs

Tag

SbTag
daterange-picker
Textarea
Text Highlighting
TextEditor
form-text
form-textarea

Text field

SbNumberField

Textarea

SbTextField

Toast

toast
Toast

Toggle

SbToggle
toggle

Tooltip

tooltip
SbTooltip
Vtooltip
Tooltips

Typography

Typography
Docs
Documentation
Add Storybook to your project in less than a minute to build components faster and easier.
reactvueangularweb-components
Tutorial
Tutorials
Learn Storybook with in-depth tutorials that teaches Storybook best practices. Follow along with code samples.
Learn Storybook now
Storybook
The MIT License (MIT). Website design by @domyen and the awesome Storybook community.
StorybookShowcaseDocsTutorialsAddonsBlogReleasesGet involvedUse casesSupportTeam
Subscribe
Get news, free tutorials, and Storybook tips emailed to you.

Maintained by
Chromatic
Continuous integration by
CircleCI
Hosting by
Netlify