2019-08-07 15:17:21 +00:00
|
|
|
# SelectedItem
|
|
|
|
|
2019-11-21 13:29:29 +00:00
|
|
|
### Usage
|
2019-08-07 15:17:21 +00:00
|
|
|
|
|
|
|
```js
|
2021-02-25 21:19:45 +00:00
|
|
|
import SelectedItem from "@appserver/components/selected-item";
|
2019-08-07 15:17:21 +00:00
|
|
|
```
|
|
|
|
|
2019-11-21 13:29:29 +00:00
|
|
|
```jsx
|
|
|
|
<SelectedItem
|
|
|
|
text="sample text"
|
|
|
|
onClick={() => console.log("onClose")}
|
|
|
|
></SelectedItem>
|
2019-08-07 15:17:21 +00:00
|
|
|
```
|
|
|
|
|
2019-11-21 13:29:29 +00:00
|
|
|
### Properties
|
2019-08-07 15:17:21 +00:00
|
|
|
|
2019-12-03 13:18:49 +00:00
|
|
|
| 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 |
|