admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Migrate to twenty-ui - input components (#7914)

Browse Source 
### Description

Migrate Input components: 

- CardPicker
- Radio
- RadioGroup
- Checkbox
- Toggle
- IconListViewGrip

### Demo

Radio Component on Storybook


![](https://assets-service.gitstart.com/4814/2d0c7436-9fab-4f3d-a5c4-be874e885789.png)

Checkbox component on Storybook


![](https://assets-service.gitstart.com/4814/07bcc040-cc92-4c7e-9be8-ca1a5f454993.png)

###### Fixes twentyhq/private-issues#92

Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com>
Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
gitstart-app[bot]
2024-10-28 15:36:58 +01:00
committed by GitHub
parent ff388f56ea
commit fc8c9d9167
27 changed files with 53 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/twenty-website/src/content/twenty-ui/input/checkbox.mdx
View File

@ -9,7 +9,7 @@ Used when a user needs to select multiple values from several options.
<ArticleTabs label1="Usage" label2="Props">
<ArticleTab>
<SandpackEditor content={`import { Checkbox } from "@/ui/input/components/Checkbox";
<SandpackEditor content={`import { Checkbox } from "twenty-ui";
export const MyComponent = () => {
return (

5
packages/twenty-website/src/content/twenty-ui/input/radio.mdx
View File

@ -9,7 +9,7 @@ Used when users may only choose one option from a series of options.
<ArticleTabs label1="Usage" label2="Props">
<ArticleTab>
<SandpackEditor content={`import { Radio } from "@/ui/input/components/Radio";
<SandpackEditor content={`import { Radio } from "twenty-ui";
export const MyComponent = () => {
@ -65,8 +65,7 @@ Groups together related radio buttons.
<ArticleTab>
<SandpackEditor content={`import React, { useState } from "react";
import { Radio } from "@/ui/input/components/Radio";
import { RadioGroup } from "@/ui/input/components/RadioGroup";
import { Radio, RadioGroup } from "twenty-ui";
export const MyComponent = () => {