安裝中文字典英文字典辭典工具!
安裝中文字典英文字典辭典工具!
|
- Reshaped
Reshaped provides professionally crafted component libraries in React and Figma to make your product design and development faster
- Reshaped is now open-source - Reshaped
After five years of closed-source, Reshaped is finally open for all – both in React and Figma
- Webpack installation - Reshaped
import { Button, Container, Reshaped } from "reshaped"; import "reshaped themes slate theme css"; const App = () => { return ( <Reshaped theme="slate"> <Container width="652px"> <Button href=" ">Get started< Button> < Container> < Reshaped> ); }
- Installation - Reshaped
import { Button, Container, Reshaped } from "reshaped"; import "reshaped themes slate theme css"; const App = () => { return ( <Reshaped theme="slate"> <Container width="652px"> <Button href=" ">Get started< Button> < Container> < Reshaped> ); }
- Carousel - Reshaped
Horizontal scrollable areas used for displaying grouped content
- Releases - Reshaped
<Button size={{ s: 'large', l: 'medium' }} > const iconSize = responsivePropDependency(size, (size) => { return size === "large" ? 5 : 4; })
- Tailwind CSS integration - Reshaped
const reshapedConfig = require(" reshaped config") const { getTheme } = require("reshaped config tailwind"); module exports = { theme: getTheme(reshapedConfig themes customTheme), }
- Design Tokens - Reshaped
import { Reshaped } from "reshaped"; import "reshaped themes slate theme css"; const Application = ({ children }) => ( <Reshaped theme="slate" defaultColorMode="dark"> {children} < Reshaped> )
|
|
|