Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

item

v0.86.0arrow_drop_down
v0.86.0
v0.85.0
v0.84.0
STATUS
Passing
DOWNLOADS
159
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
5 months ago
SIZE
81 KB
subject
An item view presents large collections of site content for display.
1 contributor
Use item in your project ?
Copied
npm i @bit/semantic-org.semantic-ui-react.item
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example
React
React
Vue
Angular
Add dependency... help_outline
Just
import
any of the 1 million components
and packages in Bit or NPM to the example.
import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
revert changes
reload
toggle layout
maximize
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
chevron_left
chevron_right
Item ()

An item view presents large collections of site content for display.

An item can contain content.

ItemDescription ()

An item can contain a description with a single or multiple paragraphs.

ItemExtra ()

An item can contain extra content meant to be formatted separately from the main content.

ItemGroup ()

A group of items.

ItemHeader ()

An item can contain a header.

ItemImage ()

An item can contain an image.

ItemMeta ()

An item can contain content metadata.

Properties
NameTypeDescription
as
custom

An element type to render as (string or function).

children
node

Primary content.

className
string

Additional classes.

content
custom

Shorthand for ItemContent component.

description
custom

Shorthand for ItemDescription component.

extra
custom

Shorthand for ItemExtra component.

header
custom

Shorthand for ItemHeader component.

image
custom

Shorthand for ItemImage component.

meta
custom

Shorthand for ItemMeta component.

as
custom

An element type to render as (string or function).

children
node

Primary content.

className
string

Additional classes.

content
custom

Shorthand for primary content.

as
custom

An element type to render as (string or function).

children
node

Primary content.

className
string

Additional classes.

content
custom

Shorthand for primary content.

as
custom

An element type to render as (string or function).

children
node

Primary content.

className
string

Additional classes.

content
custom

Shorthand for primary content.

divided
bool

Items can be divided to better distinguish between grouped content.

items
custom

Shorthand array of props for Item.

link
bool

An item can be formatted so that the entire contents link to another page.

relaxed
bool | 'very'

A group of items can relax its padding to provide more negative space.

unstackable
bool

Prevent items from stacking on mobile.

as
custom

An element type to render as (string or function).

children
node

Primary content.

className
string

Additional classes.

content
custom

Shorthand for primary content.

size
custom

An image may appear at different sizes.

as
custom

An element type to render as (string or function).

children
node

Primary content.

className
string

Additional classes.

content
custom

Shorthand for primary content.