s-atv-card-component
1.0.3
s-typography-component
1.0.2
s-drawer-component
1.0.3
s-activate-component
1.1.5
s-ajax-form-component
1.0.1
s-animation-component
1.0.1
s-blink-transition-component
1.0.3
s-bodymovin-component
1.0.5
s-button-component
1.0.2
s-characters-slideshow-component
1.0.2
s-chip-component
1.0.1
s-codemirror-component
1.0.9
s-color-picker-component
1.0.3
s-countdown-component
1.0.2
s-cursor-component
1.0.0
s-custom-scrollbar-component
1.0.4
s-dropdown-component
1.0.2
s-equalize-component
1.0.6
s-datepicker-component
1.0.4
s-deploy-transition-component
1.0.0
s-dialog-component
1.0.7
s-donut-component
1.0.0
s-form-component
1.0.3
s-glitch-component
1.0.3
s-google-map-component
1.0.3
s-google-map-info-window-component
1.0.5
s-google-map-marker-component
1.0.2
s-gradient-component
1.0.1
s-icon-component
1.0.5
s-i-typed-component
1.0.3
s-internal-page-nav-component
1.0.2
s-input-mask-component
1.0.2
s-label-material-component
1.0.4
s-label-push-component
1.0.4
s-layers-transition-component
1.0.4
s-motion-blur-component
1.0.1
s-notification-component
1.0.4
s-one-time-display-component
1.0.5
s-pagination-component
1.0.0
s-particle-component
1.0.3
s-particles-system-component
1.0.3
s-plyr-component
1.0.1
s-progress-bar-component
1.0.0
s-radiobox-component
1.0.3
s-range-component
1.1.1
s-rating-component
1.0.1
s-read-more-component
1.0.3
s-recaptcha-component
1.0.2
s-responsive-img-component
1.0.1
s-ripple-component
1.0.3
s-square-scale-transition-component
1.0.0
s-scroll-down-indicator-component
1.0.1
s-scroll-to-component
1.0.4
s-select-component
1.0.5
s-share-component
1.0.3
s-slideshow-component
1.0.11
s-spring-snap-component
1.0.1
s-sprite-transition-component
1.0.0
s-sticky-component
1.0.3
s-swiper-component
1.0.2
s-switch-component
1.0.1
s-table-component
1.0.3
s-tabs-component
1.0.1
s-template-component
1.0.2
s-textarea-auto-height-component
1.0.2
s-tooltip-component
1.0.4
s-topbar-show-on-scroll-up-component
1.0.1
s-validator-component
1.0.8
s-tooltip-component
1.0.4
About
s-tooltip-component
1.0.4
Full stack tooltip styling supporting multiple sides and colors. Fully customizable as well.
Go to website
View repository
Close
Olivier Bossel
Share
Facebook
Twitter
LinkedIn
Website
Repository
Coffeekraken s-tooltip-component
Full stack tooltip styling supporting multiple sides and colors. Fully customizable as well.
Display a tooltip
I'm a cool tooltip
Display a top left tooltip
I'm a cool tooltip
Display a top right tooltip
I'm a cool tooltip
Display a left tooltip
I'm a cool tooltip
Display a right tooltip
I'm a cool tooltip
Display a bottom left tooltip
I'm a cool tooltip
Display a bottom tooltip
I'm a cool tooltip
Display a bottom right tooltip
I'm a cool tooltip
Display a centered tooltip
I'm a cool tooltip
@import 'node_modules/coffeekraken-sugar/index'; @include s-init(); @include s-classes(); @import 'node_modules/coffeekraken-s-typography-component/index'; @include s-typography-classes(); @import 'node_modules/coffeekraken-s-button-component/index'; @include s-button-classes(); .btn { position:relative; margin-bottom: s-space(default); } body { background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%); } .container { @include s-position(absolute, middle, center); min-width:80vw; } @import 'index'; // @import 'node_modules/coffeekraken-s-tooltip-component/index'; @include s-tooltip-classes( $colors: default primary secondary, $sides: tl t tr l r bl b br c ); .tooltip { white-space: nowrap; }