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

Add your component

Accordion

accordion

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

button

SbButton

Button

IconButton

Select Button

Card

Select Card

List Card

chart-legend

Card

SbCard

Carousel

carousel

Chart

Dynamic Chart

Chat

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

Icon

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

List

paginated-list

Text List

listbox

suggestion-list

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

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

Search Dropdown

Query Search

Search

filtered-search

search-box-by-click

Select

SbSelect

Select Dropdown

Select Status

Selectable Item

token_selector

Slider

SbSlideover

Table

Data Table

Definition Table

SbDataTable

table

Toolbox Table

Tabs

tabs

SbTabs

Tag

Tag

SbTag

daterange-picker

Text

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

Documentation

Add Storybook to your project in less than a minute to build components faster and easier.

react vue angular web-components

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.

StorybookShowcase Docs Tutorials Addons Blog Releases Get involved Use cases Support Team

Community GitHub Twitter Discord Youtube Component Driven UIs

Maintained by

Continuous integration by

Hosting by