Skip to content
This repository has been archived by the owner on Nov 3, 2022. It is now read-only.

Commit

Permalink
Merge pull request #17 from comfortdelgro/release/v0.8.0-dev
Browse files Browse the repository at this point in the history
Release/v0.8.0 dev
  • Loading branch information
HeinHtutAung-zig authored Jul 13, 2022
2 parents ca7f929 + b15e330 commit ecbb4a9
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 39 deletions.
39 changes: 1 addition & 38 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,41 +6,4 @@ npm i @comfortdelgro/design-system
```

### Usage
```
import { defaultTheme, Theme, Button, RadioGroup, Radio, Checkbox } from "@comfortdelgro/design-system";
function App() {
const [selectedRadioValue, setSelectedRadioValue] = useState("");
const [checkboxChecked, setCheckboxChecked] = useState(false); // use diff state for each checkbox
return (
<Theme theme={defaultTheme}>
<Button
style={{ margin: "16px" }}
onClick={() => alert("Clicked!")}
modifiers={["large", "primary"]}
>
This is a button
</Button>
<br/>
<Checkbox style={{ margin: "16px" }} checked={checkboxChecked} onChecked={setCheckboxChecked}>Primary Checkbox</Checkbox>
<Checkbox style={{ margin: "16px" }} checked={checkboxChecked} onChecked={setCheckboxChecked} disabled>Disabled Checkbox</Checkbox>
<br/>
<RadioGroup
name="setRadioType"
onClickRadioButton={setSelectedRadioValue}
selectedValue={selectedRadioValue}
>
<Radio style={{ margin: "16px" }} value="primary" labelText="Choose an option"/>
<Radio style={{ margin: "16px" }} value="primary-2" labelText="Choose an option"/>
<Radio style={{ margin: "16px" }} value="primary-disabled" labelText="Disabled" disabled/>
</RadioGroup>
</Theme>
);
}
export default App;
```
Try components and read the stories [here](https://comfortdelgro.github.io/design-system).
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "@comfortdelgro/design-system",
"description": "Comfort Delgro's design system",
"version": "0.5.15-dev",
"version": "0.8.0-dev",
"dependencies": {
"baseui": "^11.0.2",
"react": "^17.0.2",
Expand Down

0 comments on commit ecbb4a9

Please sign in to comment.