0.0.34 • Published 3 months ago
@real-system/select v0.0.34
Installation
# install peer dependencies
# npm
$ npm install react react-dom @real-system/ariakit-library @real-system/elements-primitive @real-system/styled-library @real-system/utils-library
# yarn
$ yarn add react react-dom @real-system/ariakit-library @real-system/elements-primitive @real-system/styled-library @real-system/utils-library
# install select
# npm
$ npm install @real-system/select
# yarn
$ yarn add @real-system/select
Code Example
import {
Select,
SelectContainer,
SelectGroup,
SelectGroupLabel,
SelectItem,
SelectSeparator,
} from '@real-system/select';
import { Text } from '@real-system/typography';
const DefaultSelect = (args) => {
return (
<Select label="Select a fruit" maxW="20rem">
<SelectItem value="Apple" />
<SelectItem value="Grape" disabled />
<SelectItem value="Melon" />
</Select>
);
};
const SelctGroupExample = (args) => {
return (
<Select label="Select a fruit" maxW="20rem">
<SelectGroup>
<SelectGroupLabel>Fruits</SelectGroupLabel>
<SelectItem value="Apple" />
<SelectItem value="Grape" disabled />
<SelectItem value="Melon" />
</SelectGroup>
<SelectSeparator />
<SelectGroup>
<SelectGroupLabel>Vegatables</SelectGroupLabel>
<SelectItem value="Lettuce" />
<SelectItem value="Pepper" disabled />
<SelectItem value="Onion" />
</SelectGroup>
</Select>
);
};
0.0.34
3 months ago
0.0.33
3 months ago
0.0.32
4 months ago
0.0.31
4 months ago
0.0.30
7 months ago
0.0.28
7 months ago
0.0.29
7 months ago
0.0.23
2 years ago
0.0.24
1 year ago
0.0.25
1 year ago
0.0.27
1 year ago
0.0.20
2 years ago
0.0.21
2 years ago
0.0.22
2 years ago
0.0.18
2 years ago
0.0.19
2 years ago
0.0.12
2 years ago
0.0.13
2 years ago
0.0.14
2 years ago
0.0.15
2 years ago
0.0.16
2 years ago
0.0.17
2 years ago
0.0.10
2 years ago
0.0.11
2 years ago
0.0.3
2 years ago
0.0.9
2 years ago
0.0.8
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.7
2 years ago
0.0.6
2 years ago
0.0.2
2 years ago
0.0.1
2 years ago