col-span
v1.0.7arrow_drop_downv1.0.7
v1.0.6
v1.0.5
v1.0.4
v1.0.3
v1.0.2
v1.0.1
v1.0.0
STATUS
Passing
DOWNLOADS
2,070
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
4 years ago
SIZE
3 KB
1 contributor
Like
Install col-span as a package?
Copied
npm i @bit/bit.base-ui.layout.col-span
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.cloud
Component Example
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just
and packages in Bit or NPM to the example. any of the 1 million componentstoggle layout
modifieddraft
chevron_left
chevron_right
Column Span
Preset columns spans, for a 12-column CSS-grid.
import { colSpan } from '@bit/bit.base-ui.layout.col-span';
//...
return <div className={colSpan[8]}>I'm taking up 3/4 of the line</div>;
Responsive presets:
import { colSpanL, colSpan } from '@bit/bit.base-ui.layout.col-span';
//...
<div className={classNames(colSpan[12], colSpanL[6])}>I'm taking up 3/4 of the line</div>;
breakpoints:
- colSpan
(all)
- colSpanXs
360px
- colSpanSm
480px
- colSpanMd
768px
- colSpanL
920px
- colSpanLg
1080px
- colSpanXl
1440px