DocSpace-client/packages/components/row
2023-04-05 16:44:08 +03:00
..
index.js Components: Row: add withoutBorder prop 2023-03-20 13:02:19 +03:00
README.md Web: Moved all clients app to packages directory 2022-07-22 22:01:25 +03:00
row.stories.js Web:Common/Client/Components: add PUBLIC_DIR alias 2023-01-27 17:08:30 +03:00
row.test.js Web: Moved all clients app to packages directory 2022-07-22 22:01:25 +03:00
styled-row.js Web: Components: Row: fixed filename click 2023-04-05 16:44:08 +03:00

Row

Displays content as row

Usage

import Row from "@docspace/components/row";
<Row checked={false} contextOptions={[]}>
  {children}
</Row>

Properties

Props Type Required Values Default Description
checked bool - - - Required to host the Checkbox component. Its location is fixed and it is always the first. If there is no value, the occupied space is distributed among the other child elements.
className string - - - Accepts class
contextButtonSpacerWidth string - - 32px Required for the width task of the ContextMenuButton component.
contextOptions array - - - Required to host the ContextMenuButton component. It is always located near the right border of the container, regardless of the contents of the child elements. If there is no value, the occupied space is distributed among the other child elements.
data object - - - Current row item information.
element element - - - Required to host some component. It has a fixed order of location, if the Checkbox component is specified, then it follows, otherwise it occupies the first position. If there is no value, the occupied space is distributed among the other child elements.
id string - - - Accepts id
needForUpdate function - - - Custom shouldComponentUpdate function
onSelect function - - - Event when selecting row element. Returns data value.
style obj, array - - - Accepts css style