/
githubmirror
/
styled-components
Обзор
Документация
Войти
/
githubmirror
/
styled-components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/sandbox/src/Button.example.tsx
30 строк
645 B
Evan Jacobs
chore: maintenance
24 дек 2022, 00:35
24 дек 2022, 00:35
477b2c2
Код
Авторство
О чём код?
import styled, { css } from 'styled-components'; const Button = styled.button<{ $primary?: boolean }>` font-size: 16px; border-radius: 5px; padding: 0.25em 1em; margin: 1em 1em; background: transparent; color: palevioletred; border: 2px solid palevioletred; cursor: pointer; ${props => props.$primary && css` background: palevioletred; color: white; `}; `; export default function ButtonExample() { return ( <> <Button onClick={() => alert('Clicked!')}>Normal Button</Button> <Button $primary onClick={() => alert('Clicked!')}> Primary Button </Button> </> ); }