Aleksandr Lushkin
37efdc292a
# Conflicts: # packages/client/src/components/panels/HotkeysPanel/index.js # packages/client/src/pages/Home/Section/Body/TableView/TableHeader.js # packages/components/date-time-picker/index.js # packages/components/selected-item/styled-selected-item.js |
||
|---|---|---|
| .. | ||
| index.js | ||
| README.md | ||
| selected-item.stories.js | ||
| selected-item.test.js | ||
| styled-selected-item.js | ||
SelectedItem
Usage
import SelectedItem from "@docspace/components/selected-item";
<SelectedItem
text="sample text"
onClick={() => console.log("onClose")}
></SelectedItem>
Properties
| Props | Type | Required | Values | Default | Description |
|---|---|---|---|---|---|
className |
string |
- | - | - | Accepts class |
id |
string |
- | - | - | Accepts id |
isDisabled |
bool |
- | - | false |
Tells when the button should present a disabled state |
isInline |
bool |
- | - | true |
Sets the 'display: inline-block' property |
onClose |
func |
- | - | - | What the selected item will trigger when clicked |
style |
obj, array |
- | - | - | Accepts css style |
text |
string |
- | - | - | Selected item text |
forwardedRef |
obj |
- | - | - | Passes ref to component |