Back to overview
Add your project

Sass components

Sass is a styling format that is compiled into CSS. It extends CSS with advanced features like scripting, mixins, and nesting.

1059components3677storiesLast updated 4 months ago
Tweet
Add your component

Accordion

View all (7)
bpk-component-accordion
Skyscanner9
Accordion
Carbon Design System4
accordion
GitLab2
accordion-item
GitLab2
SbAccordion
Storyblok1

Alert

View all (10)
bpk-component-banner-alert
Skyscanner17
alert
GitLab8
Alert
SoftConstruct6
Alert
JSTOR5
CalloutAlert
Massachusetts Digital Services2

Autocomplete

Auto Complete Search
SpaceONE6

Avatar

View all (10)
SbAvatar
Storyblok11
bpk-component-navigation-bar
Skyscanner7
avatar
GitLab5
SbAvatarGroup
Storyblok3
avatar-link
GitLab3

Badge

View all (8)
bpk-component-badge
Skyscanner12
SbBadge
Storyblok7
badge
GitLab5
Badges
SpaceONE4
Badge
SoftConstruct4

Banner

View all (6)
Banner
AnyVision5
banner
GitLab5
BrandBanner
Massachusetts Digital Services2
BannerNavigation
WFP2
SearchBannerForm
Massachusetts Digital Services1

Breadcrumb

View all (9)
SbBreadcrumbs
Storyblok5
Breadcrumbs
SpaceONE5
Breadcrumb
Carbon Design System4
bpk-component-breadcrumb
Skyscanner3
breadcrumb
GitLab2

Button

View all (47)
button
GitLab21
bpk-component-button
Skyscanner21
bpk-component-loading-button
Skyscanner14
SbButton
Storyblok11
Button
Carbon Design System10

Calendar

DRP - Calendar Props
AirBnb33
SDP - Calendar Props
AirBnb28
bpk-component-calendar
Skyscanner20
bpk-component-scrollable-calendar
Skyscanner19

Card

View all (16)
Image Card
JSTOR15
Select Card
SpaceONE9
Card
Grafana8
List Card
SpaceONE8
Card
Narmi6

Carousel

carousel
GitLab1

Chart

View all (15)
bpk-component-barchart
Skyscanner11
Dynamic Chart
SpaceONE4
TreeMapChart
SoftConstruct2
AreaChart
SoftConstruct1
BarChart
SoftConstruct1

Chat

View all (8)
ChatMessage
Agora1
ChatMessageList
Agora1
ChatMessages
Agora1
ChatPanel
Agora1
ChatTabTitle
Agora1

Checkbox

View all (17)
bpk-component-checkbox
Skyscanner9
Checkbox
WFP7
Checkbox
SpaceONE6
Checkbox
JSTOR5
Checkbox
Carbon Design System5

Chip

View all (8)
ChipsInput
AnyVision9
bpk-component-graphic-promotion
Skyscanner8
bpk-component-phone-input
Skyscanner8
bpk-component-chip
Skyscanner7
chart-tooltip
GitLab4

Code

View all (24)
bpk-component-fieldset
Skyscanner13
bpk-component-datepicker
Skyscanner12
CloudStorageUploadItem
Agora7
bpk-component-nudger
Skyscanner7
bpk-component-slider
Skyscanner7

Collapse

View all (8)
Collapsible List
SpaceONE7
Collapsible Panel
SpaceONE3
Collapse
SoftConstruct3
Collapse
Grafana2
Collapsible Toggle
SpaceONE2

Color picker

Color
Narmi5
Colors
Storyblok1
ColorPicker
SoftConstruct1

Combobox

Combobox
JSTOR6
Combobox
Narmi5
ComboBox
Carbon Design System4
ComboBox
SoftConstruct2
form-combobox
GitLab1

Context menu

Context Menu
SpaceONE14
Context Menu Item
SpaceONE6

Date picker

Datetime Picker
SpaceONE11
SbDatepicker
Storyblok7
DatePickers
SoftConstruct4
DatePickerInput-d
SoftConstruct2

Details

Item Detail
JSTOR1

Dialog

DialogWizard
AnyVision5
Dialog
Narmi4
bpk-component-dialog
Skyscanner4
SbUploadDialog
Storyblok1
Dialog
AnyVision1

Divider

Divider
SpaceONE2
Divider
SoftConstruct2
Divider
Massachusetts Digital Services1

Drawer

drawer
GitLab4
Drawer
Grafana4
Drawer
SoftConstruct1

Flex

FilterBox
Massachusetts Digital Services1

Footer

View all (8)
Font
Narmi5
Font
Narmi5
Footer
WFP4
Footer
Massachusetts Digital Services2
FooterSlim
Massachusetts Digital Services2

Form

View all (8)
form-select
GitLab5
Form-d
SoftConstruct3
SbFormGroup
Storyblok2
SbFormItem
Storyblok2
Form Controls
Palmetto2

Grid

View all (6)
Grid
Carbon Design System10
Progress Wizard
SpaceONE6
Grid Layout
SpaceONE5
bpk-component-grid
Skyscanner4
ProgressWithIndicator
AnyVision3

Header

View all (14)
Header
Massachusetts Digital Services6
HeaderSearch
Massachusetts Digital Services2
HeaderHamburger
Massachusetts Digital Services2
HeaderSlim
Massachusetts Digital Services2
Holder
SoftConstruct2

Heading

View all (6)
Heading
JSTOR3
ResultsHeading
Massachusetts Digital Services2
unstable_Heading
Carbon Design System1
CompHeading
Massachusetts Digital Services1
Heading
Massachusetts Digital Services1

Hero

Hero
WFP11
Hero
kickstartDS6
hover-load-directive
GitLab1
TypeAheadDropdown
Massachusetts Digital Services1

Icon

View all (32)
DayPickerRangeController
AirBnb37
DayPickerSingleDateController
AirBnb21
bpk-component-icon
Skyscanner10
bpk-component-floating-notification
Skyscanner6
SbIcon
Storyblok5

Image

View all (11)
bpk-component-image
Skyscanner12
Lazy Image
SpaceONE5
ImagePromo
Massachusetts Digital Services3
TimeRangeInput
Grafana2
TimeRangePicker
Grafana2

Input

View all (33)
DRP - Input Props
AirBnb18
SDP - Input Props
AirBnb14
bpk-component-input
Skyscanner14
Input
SpaceONE11
Text Input
JSTOR6

Label

View all (13)
chart-series-label
GitLab7
bpk-component-label
Skyscanner6
labeled
GitLab3
label
GitLab3
FormLabel
Carbon Design System2

Layout

View all (9)
Layout
JSTOR5
AuthLayout
WFP3
VizLayout
Grafana2
Horizontal Layout
SpaceONE2
Layout
Narmi1

Link

View all (16)
bpk-component-link
Skyscanner7
Link
JSTOR5
SbLink
Storyblok3
Link
Carbon Design System3
DecorativeLink
Massachusetts Digital Services3

List

View all (31)
MultiSelect
Carbon Design System6
paginated-list
GitLab6
List
WFP6
StructuredList
Carbon Design System4
Text List
SpaceONE4

Loading

View all (9)
SbLoading
Storyblok7
InlineLoading
WFP3
Loading
WFP3
InlineLoading
Carbon Design System2
LoadingShim
Narmi1

Menu

View all (8)
bpk-component-autosuggest
Skyscanner8
Menu
AnyVision7
OverflowMenu
Carbon Design System3
bpk-component-blockquote
Skyscanner3
ContextMenu
Carbon Design System2

Modal

View all (21)
bpk-component-modal
Skyscanner12
SbModal
Storyblok9
ModalWrapper
WFP5
Modal
JSTOR4
ComposedModal
Carbon Design System4

Nav

View all (18)
bpk-component-horizontal-nav
Skyscanner11
StepNavigation
WFP4
unstable_TreeView
Carbon Design System3
UtilityNav
Massachusetts Digital Services3
bpk-component-navigation-stack
Skyscanner3

Notification

SbNotification
Storyblok4
Notification
SoftConstruct1

Page

View all (10)
Pages
kickstartDS8
Page Title
SpaceONE6
PresetDateRangePicker
AirBnb1
PageToolbar
Grafana1
ErrorPage
Agora1

Pagination

View all (15)
bpk-component-pagination
Skyscanner6
pagination
GitLab5
SbPagination
Storyblok4
Pagination
Carbon Design System3
Text Pagination
SpaceONE3

Pill

bpk-component-infinite-scroll
Skyscanner10
FilterPill
Grafana2

Popover

View all (9)
bpk-component-popover
Skyscanner11
bpk-component-overlay
Skyscanner8
Popover
JSTOR5
popover
GitLab3
Popover
Narmi2

Progress

View all (7)
Progress Bar
SpaceONE5
unstable_ProgressBar
Carbon Design System4
bpk-component-progress
Skyscanner4
Progress
AnyVision3
Progress
SoftConstruct3

Radio

View all (11)
bpk-component-radio
Skyscanner7
Radio
SpaceONE6
Radio Group
JSTOR4
RadioButtons
Narmi4
SbRadio
Storyblok3

Rating

bpk-component-star-rating
Skyscanner11
bpk-component-rating
Skyscanner6
Rating
SoftConstruct5

Search

View all (15)
Search Dropdown
SpaceONE12
Query Search
SpaceONE7
Search
Carbon Design System5
Search
SpaceONE5
filtered-search
GitLab4

Select

View all (17)
SbSelect
Storyblok18
bpk-component-select
Skyscanner12
Select
Grafana11
Select Dropdown
SpaceONE9
Select
Narmi7

Slider

View all (6)
RangeSlider
AnyVision9
SbSlideover
Storyblok4
Slider
Carbon Design System4
Slider
WFP4
Slider
Grafana2

Spinner

Spinner
AnyVision3
bpk-component-spinner
Skyscanner3
Spinner
Grafana1

Stack

stacked-column-chart
GitLab8
StatsPicker
Grafana1
WeekStartPicker
Grafana1

Switch

View all (7)
Switch
AnyVision3
ContentSwitcher
WFP3
bpk-component-switch
Skyscanner3
ContentSwitcher
Carbon Design System2
Switch
Grafana2

Table

View all (22)
Data Table
SpaceONE12
SbDataTable
Storyblok11
Definition Table
SpaceONE9
Table
JSTOR7
DataTable
Carbon Design System7

Tabs

View all (10)
tabs
GitLab8
Tabs
Narmi6
Tabs
JSTOR5
SbTabs
Storyblok5
Tabs
AnyVision4

Tag

View all (16)
DateRangePicker (DRP)
AirBnb8
Tag
Carbon Design System5
Tag
SpaceONE4
Tag
Narmi3
ToastMessage
AnyVision3

Text

View all (17)
TextField
AnyVision17
Text
WFP8
Textarea
SpaceONE6
bpk-component-text
Skyscanner6
bpk-component-textarea
Skyscanner6

Text field

SbNumberField
Storyblok1

Textarea

Textarea
JSTOR6
SbTextField
Storyblok6
Textarea
SoftConstruct1

Title

ModuleTitle
SoftConstruct2
LoginTitle
Agora1
Title
SoftConstruct1

Toast

Toast
JSTOR5
toast
GitLab3
Toaster
SoftConstruct3
Toast
SpaceONE1

Toggle

View all (7)
SbToggle
Storyblok3
Toggle
Narmi3
Toggle
Carbon Design System3
toggle
GitLab2
ToggleSmall
Carbon Design System1

Tooltip

View all (14)
Tooltip
JSTOR7
bpk-component-tooltip
Skyscanner7
Tooltip
Carbon Design System6
Tooltip
AnyVision4
tooltip
GitLab4

Typography

Typography
JSTOR12
Typography
Storyblok1
Typography
Grafana1
typography
Massachusetts Digital Services1