Toggle

1import { Toggle } from "passport-ui";

1<Toggle variant="outline" size="regular">
2  Toggle
3</Toggle>
4 
5{/* Different variants */}
6<Toggle variant="transparent">Transparent</Toggle>
7<Toggle variant="outline">Outline</Toggle>
8 
9{/* Different sizes */}
10<Toggle variant="outline" size="medium">Medium</Toggle>
11<Toggle variant="outline" size="large">Large</Toggle>
12 
13{/* Pressed state */}
14<Toggle variant="outline" defaultPressed>
15  Pressed
16</Toggle>
17 
18{/* Disabled state */}
19<Toggle variant="outline" disabled>
20  Disabled
21</Toggle>