Chakra testo
chakra-ui span
la larghezza della finestra o la prop maxWidth.<Text color=”gray.500″ isTruncated> Lorem ipsum è un testo segnaposto comunemente usato nell’industria grafica, della stampa e dell’editoria per l’anteprima di layout e mockup visivi.</Text>copyLikewise, se vuoi troncare il testo dopo un numero specifico di linee,
la dimensione del carattere, passa la prop fontSize. Non c’è bisogno di scrivere css o styled().<Text fontSize=”50px” color=”tomato”> Sto usando un valore personalizzato di font-size per questo testo</Text>copyOverride l’elemento#Per sovrascrivere l’elemento che viene reso, passa la prop as. Usare Inspect
Element per vedere l’elemento che viene reso in html. <> <Text as=”i”>Italic</Text> <br /> <Text as=”u”>Underline</Text> <br /> <Text as=”abbr”>I18N</Text> <br /> <Text as=”cite”>Citation</Text> <br /> <Text as=”del”>Cancellato</Testo> <br /> <Text as=”em”>Evidenza</Testo> <br /> <Text as=”ins”>Inserito</Testo> <br /> <Text as=”kbd”>Ctrl + C</Text> <br /> <Text as=”mark”>Highlighted</Text> <br /> <Text as=”s”>Strikethrough</Text> <br /> <Text as=”samp”>Campione</Testo> <br /> <Text as=”sub”>sub</Testo> <br /> <Text as=”sup”>sup</Testo></>copyProps#Text compone il componente Box, quindi puoi passare tutti i Box
chakra-ui testo
larghezza della finestra o prop maxWidth.<Text color=”gray.500″ isTruncated> Lorem ipsum è un testo segnaposto comunemente usato nell’industria grafica, della stampa e dell’editoria per l’anteprima di layout e mockup visivi.</Text>copyLikewise, se vuoi troncare il testo dopo un numero specifico di linee,
la dimensione del carattere, passa la prop fontSize. Non c’è bisogno di scrivere css o styled().<Text fontSize=”50px” color=”tomato”> Sto usando un valore personalizzato di font-size per questo testo</Text>copyOverride l’elemento#Per sovrascrivere l’elemento che viene reso, passa la prop as. Usare Inspect
Element per vedere l’elemento che viene reso in html. <> <Text as=”i”>Italic</Text> <br /> <Text as=”u”>Underline</Text> <br /> <Text as=”abbr”>I18N</Text> <br /> <Text as=”cite”>Citation</Text> <br /> <Text as=”del”>Cancellato</Testo> <br /> <Text as=”em”>Evidenza</Testo> <br /> <Text as=”ins”>Inserito</Testo> <br /> <Text as=”kbd”>Ctrl + C</Text> <br /> <Text as=”mark”>Highlighted</Text> <br /> <Text as=”s”>Strikethrough</Text> <br /> <Text as=”samp”>Campione</Testo> <br /> <Text as=”sub”>sub</Testo> <br /> <Text as=”sup”>sup</Testo></>copyProps#Text compone il componente Box, quindi puoi passare tutti i Box
chakra testo in grassetto
la larghezza della finestra o la prop maxWidth.<Text color=”gray.500″ isTruncated> Lorem ipsum è un testo segnaposto comunemente usato nell’industria grafica, della stampa e dell’editoria per l’anteprima di layout e mockup visivi.</Text>copyLikewise, se vuoi troncare il testo dopo un numero specifico di linee,
la dimensione del carattere, passa la prop fontSize. Non c’è bisogno di scrivere css o styled().<Text fontSize=”50px” color=”tomato”> Sto usando un valore personalizzato di font-size per questo testo</Text>copyOverride l’elemento#Per sovrascrivere l’elemento che viene reso, passa la prop as. Usare Inspect
Element per vedere l’elemento che viene reso in html. <> <Text as=”i”>Italic</Text> <br /> <Text as=”u”>Underline</Text> <br /> <Text as=”abbr”>I18N</Text> <br /> <Text as=”cite”>Citation</Text> <br /> <Text as=”del”>Cancellato</Testo> <br /> <Text as=”em”>Evidenza</Testo> <br /> <Text as=”ins”>Inserito</Testo> <br /> <Text as=”kbd”>Ctrl + C</Text> <br /> <Text as=”mark”>Highlighted</Text> <br /> <Text as=”s”>Strikethrough</Text> <br /> <Text as=”samp”>Campione</Testo> <br /> <Text as=”sub”>sub</Testo> <br /> <Text as=”sup”>sup</Testo></>copyProps#Text compone il componente Box, quindi puoi passare tutti i Box
peso del font chakra
larghezza della finestra o prop maxWidth.<Text color=”gray.500″ isTruncated> Lorem ipsum è un testo segnaposto comunemente usato nei settori della grafica, della stampa e dell’editoria per l’anteprima di layout e mockup visivi.</Text>copyLikewise, se vuoi troncare il testo dopo un numero specifico di linee,
la dimensione del carattere, passa la prop fontSize. Non c’è bisogno di scrivere css o styled().<Text fontSize=”50px” color=”tomato”> Sto usando un valore personalizzato di font-size per questo testo</Text>copyOverride l’elemento#Per sovrascrivere l’elemento che viene reso, passa la prop as. Usare Inspect
Element per vedere l’elemento che viene reso in html. <> <Text as=”i”>Italic</Text> <br /> <Text as=”u”>Underline</Text> <br /> <Text as=”abbr”>I18N</Text> <br /> <Text as=”cite”>Citation</Text> <br /> <Text as=”del”>Cancellato</Testo> <br /> <Text as=”em”>Evidenza</Testo> <br /> <Text as=”ins”>Inserito</Testo> <br /> <Text as=”kbd”>Ctrl + C</Text> <br /> <Text as=”mark”>Highlighted</Text> <br /> <Text as=”s”>Strikethrough</Text> <br /> <Text as=”samp”>Campione</Testo> <br /> <Text as=”sub”>sub</Testo> <br /> <Text as=”sup”>sup</Testo></>copyProps#Text compone il componente Box, quindi puoi passare tutti i Box