npm install material-ui
๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ค์นํ์ต๋๋ค.
<FontIcon className='mui-icon-sort' />
๊ตฌ์ฑ ์์๋ฅผ ์ฌ์ฉํ ๋ ํ์ํ ์์ด์ฝ์ด ์์ต๋๋ค.
์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ๋ฐฉ๋ฒ์ ์๊ณ ์์ต๋๊น?
@checkraiser <FontIcon>
๋ฉ์๋๋ก ์์ด์ฝ์ ์ฌ์ฉํ๋ ค๋ฉด ํ๋ก์ ํธ์ Google ๊ธ๊ผด ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ฅผ ์ถ๊ฐํด์ผ ํฉ๋๋ค. ๋๋ Google ์น ๊ธ๊ผด <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
์์ Google ์๋ฃ ์์ด์ฝ์ ์ถ๊ฐํ๊ณ ์๋์ ์ธ๊ธ๋ ๋๋ก ์์ด์ฝ์ ์ฌ์ฉํ ์ ์์ต๋๋ค.
<RaisedButton>
<i className="material-icons" style={{color: 'white'}}>sort</i>
</RaisedButton>
<FloatingActionButton>
<i className="material-icons" style={{color: 'white'}}>sort</i>
</FloatingActionButton>
๊ฐ์ฌ ํฉ๋๋ค @mairh - ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ด๋ถ์ Google ๊ธ๊ผด ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋ํ ์ง์์ ์ ๊ณตํ๊ธฐ ์ํ ์ด ๋ฌธ์ ๋ ์์ต๋๋ค. #829 ์ฐธ์กฐ
@mairh Material-UI์ ์์ด์ฝ์ ์ฌ์ฉํ ์ ์์ต๋๊น?
Google Material UI ๊ธ๊ผด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ํฌํจํ์ฌ ๋ชฉ์ ์ ํ๊ดดํ๊ณ 48KB์
๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
@checkraiser
<FontIcon>
๋ฉ์๋๋ก ์์ด์ฝ์ ์ฌ์ฉํ๋ ค๋ฉด ํ๋ก์ ํธ์ Google ๊ธ๊ผด ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ฅผ ์ถ๊ฐํด์ผ ํฉ๋๋ค. ๋๋ Google ์น ๊ธ๊ผด<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
์์ Google ์๋ฃ ์์ด์ฝ์ ์ถ๊ฐํ๊ณ ์๋์ ์ธ๊ธ๋ ๋๋ก ์์ด์ฝ์ ์ฌ์ฉํ ์ ์์ต๋๋ค.